Ext.NET (Coolite) créé Dynamiquement auditeur d'onglets dans un TabPanel ne trouve pas l'ID de l'HTMLEditor (objet est indéfini)
https://stackoverflow.com/questions/4109036
-
29-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Je créé un TabPanel sur mon fichier ASPX. Dans mon code derrière, je crée dynamiquement: les onglets à l'intérieur et aussi un htmleditor dans chaque onglet. Je crée aussi un écouteur sur chaque onglet, de sorte que quand ils sont activés ou spectacle, l'htmleditor dans cet onglet le focus.
Quand j'exécuter le programme, je vois que l'onglet a été créé sur mon TabPanel. Mais avant que la page Web est prêt à l'emploi, une erreur se disant que les objets Id dans les auditeurs est non défini. Donc, l'auditeur ne fonctionne pas et la page ne se charge pas complètement.
La partie étrange, est que, si j'ajoute directement dans mon fichier ASPX, un onglet dans mon panneau Tab, et charger le reste de mon onglet dynamique avec les auditeurs: Tous sont reconnus les Ids des éditeurs html, et tous les auditeurs fonctionne parfaitement. À l'exception du premier onglet, sorcière ont pas auditeur et n'a pas été créé de façon dynamique dans ce cas.
Ma théorie à ce sujet, est que l'onglet à l'index 0 d'un TabPanel semble Lauch l'auditeur Activer () ou Afficher () avant l'ID du contrôle HTMLEditor est enregistrer sur la page.
Je me demande ce que je manqué et comment puis-je mettre les auditeurs (activer ou affichage), chaque onglet dans un TabPanel qui déclenchera la méthode de mise au point d'un intérieur de contrôle qui Tab. Et bien sûr, je veux générer tout mon onglet dynamiquement.
Pouvez-vous me aider?
J'espère avoir été assez clair.
Voici mon Default.aspx :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server"> </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Page sans titre</title>
</head>
<body runat="server">
<ext:ScriptManager ID="CooliteScriptManager" runat="server" QuickTips="true" ScriptAdapter="Ext">
</ext:ScriptManager>
<form id="form" runat = "server">
<ext:Panel ID="PnFiche" runat="server" Border="false" Header="false" Frame="false"
AutoScroll="true" BodyStyle="padding: 10px; text-align: left;">
<Body>
<ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="150">
<ext:Anchor runat="server">
<ext:MultiField runat="server" FieldLabel="Indications / but de l'analyse" >
<Fields>
<ext:FormPanel runat="server" Title="Indications / but de l'analyse" Width="1000" Collapsible="true">
<Body>
<ext:TabPanel ID="TpIndications" runat="server" Width="1000" Height="250" EnableTabScroll="true">
</ext:TabPanel>
</Body>
</ext:FormPanel>
</Fields>
</ext:MultiField>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</form>
</body>
</html>
Voici mon Default.aspx.cs :
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using Coolite.Ext.Web;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
GenerateObjectTabPanel(TpIndications, "French", "Indication", null);
GenerateObjectTabPanel(TpIndications, "English", "Indication", null);
}
private void GenerateObjectTabPanel(TabPanel theTabPanel, String theLanguage, String suffixeID, String TextToReplace)
{
HtmlEditor TheHtmlEditor = new HtmlEditor();
TheHtmlEditor.ID = "Editeur_HTML_" + suffixeID + "_" + theLanguage;
TheHtmlEditor.Height = 250;
TheHtmlEditor.Width = 1000;
if (!string.IsNullOrEmpty(TextToReplace))
{
TheHtmlEditor.Text = TextToReplace;
}
Tab TheTab = new Tab("Tab_" + suffixeID + "_" + theLanguage, theLanguage);
TheTab.BodyControls.Add(TheHtmlEditor);
TheTab.Listeners.Activate.Handler = "#{" + TheHtmlEditor.ID + "}.focus();";
theTabPanel.Tabs.Add(TheTab);
}
}
Essayez de modifier le default.aspx avec un onglet déjà chargé et l'auditeur fonctionne très bien (Mais bien sûr, je ne veux pas que, puisque je veux tout mon onglet à charger dynamiquement):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server"> </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Page sans titre</title>
</head>
<body runat="server">
<ext:ScriptManager ID="CooliteScriptManager" runat="server" QuickTips="true" ScriptAdapter="Ext">
</ext:ScriptManager>
<form id="form" runat = "server">
<ext:Panel ID="PnFiche" runat="server" Border="false" Header="false" Frame="false"
AutoScroll="true" BodyStyle="padding: 10px; text-align: left;">
<Body>
<ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="150">
<ext:Anchor runat="server">
<ext:MultiField runat="server" FieldLabel="Indications / but de l'analyse" >
<Fields>
<ext:FormPanel runat="server" Title="Indications / but de l'analyse" Width="1000" Collapsible="true">
<Body>
<ext:TabPanel ID="TpIndications" runat="server" Width="1000" Height="250" EnableTabScroll="true">
<Tabs>
<ext:Tab ID="TI_fr_CA" runat="server" Height="250" Width="1000" Title="test">
<Body>
<ext:HtmlEditor ID="EI_fr_CA" runat="server" Height="250" Width="1000" Visible="true">
</ext:HtmlEditor>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Body>
</ext:FormPanel>
</Fields>
</ext:MultiField>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</form>
</body>
</html>
La solution
