[CLOSED] MultiSelect DOES NOT show up in my TabPanel ??

  1. #1

    [CLOSED] MultiSelect DOES NOT show up in my TabPanel ??

    I'm adding my Tabs on PageLoad and my MultiSelect does NOT show up in 'Tab2'

    Screen shot attached below:

    Click image for larger version. 

Name:	Tab Issue with MultiSelect.JPG 
Views:	103 
Size:	13.9 KB 
ID:	4531

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                var txtBox = new TextBox();
                this.PlaceHolder1.Controls.Add(txtBox);
    
                txtBox.ID = "textBox1";
                txtBox.Width = Unit.Pixel(50);
    
                TabPanel1.Add(FormPanel1);
                TabPanel1.Add(Panel1);
                TabPanel1.SetActiveTab(0);
    
                Store1.DataSource = GetData();
                Store1.DataBind();
    
                MultiSelect1.SelectedItems.Add(new Ext.Net.ListItem { Value = "4" });
            }
        }
    
    
        private static List<Downtime> GetData()
        {
            var list = new List<Downtime>()
                           {
                               new Downtime("1", "Wrap"),
                               new Downtime("2", "Oven"),
                               new Downtime("3", "Divider"),
                               new Downtime("4", "N/A")
                           };
            return list;
        }
    
    
        [Serializable]
        public class Downtime
        {
            public Downtime() { }
            public Downtime(string locationId, string description)
            {
                this.LocationId = locationId;
                this.DowntimeDescription = description;
            }
    
            public string LocationId { get; set; }
            public string DowntimeDescription { get; set; }
        }
    
    </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 id="Head1" runat="server">
        <title>Ext.NET Examples</title>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <br />
        <ext:TabPanel ID="TabPanel1" runat="server" Width="400" Height="500" DeferredRender="false" />
        <ext:FormPanel runat="server" ID="FormPanel1" Title="Title1">
            <Content>
                <ext:Label Text="label 1" ID="label1" runat="server" />
            </Content>
        </ext:FormPanel>
        <ext:Panel runat="server" ID="Panel1" Title="Title2">
            <Content>
                <asp:PlaceHolder ID="PlaceHolder1" runat="server" />
                <ext:Panel runat="server" Border="false" Width="300" PaddingSpec="2 0 0 0" Height="248"
                    Layout="FitLayout">
                    <Items>
                        <ext:MultiSelect ID="MultiSelect1" FieldLabel="List" AllowBlank="false" ValueField="LocationId"
                            runat="server" SingleSelect="true" DisplayField="DowntimeDescription">
                            <Store>
                                <ext:Store ID="Store1" runat="server" AutoDataBind="true" AutoLoad="true">
                                    <Reader>
                                        <ext:JsonReader />
                                    </Reader>
                                    <Model>
                                        <ext:Model runat="server">
                                            <Fields>
                                                <ext:ModelField Name="LocationId" Type="String" />
                                                <ext:ModelField Name="DowntimeDescription" Type="String" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                        </ext:MultiSelect>
                    </Items>
                </ext:Panel>
            </Content>
        </ext:Panel>
        </form>
    </body>
    </html>
    Last edited by Daniil; Jul 25, 2012 at 12:47 AM. Reason: [CLOSED]
  2. #2
    Can you explain so strange syntax?
    Why don't you define panels inside TabPanel?
  3. #3

    Updated layout as per your recommendation, same issue...

    I updated my page, but issue is still the same!

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                var txtBox = new TextBox();
                this.PlaceHolder1.Controls.Add(txtBox);
    
                txtBox.ID = "textBox1";
                txtBox.Width = Unit.Pixel(50);
    
                TabPanel1.SetActiveTab(0);
    
                Store1.DataSource = GetData();
                Store1.DataBind();
    
                MultiSelect1.SelectedItems.Add(new Ext.Net.ListItem { Value = "4" });
            }
        }
    
    
        private static List<Downtime> GetData()
        {
            var list = new List<Downtime>()
                           {
                               new Downtime("1", "Wrap"),
                               new Downtime("2", "Oven"),
                               new Downtime("3", "Divider"),
                               new Downtime("4", "N/A")
                           };
            return list;
        }
    
    
        [Serializable]
        public class Downtime
        {
            public Downtime() { }
            public Downtime(string locationId, string description)
            {
                this.LocationId = locationId;
                this.DowntimeDescription = description;
            }
    
            public string LocationId { get; set; }
            public string DowntimeDescription { get; set; }
        }
    
    </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 id="Head1" runat="server">
        <title>Ext.NET Examples</title>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <br />
        <ext:TabPanel ID="TabPanel1" runat="server" Width="400" Height="500" DeferredRender="false">
            <Items>
                <ext:FormPanel runat="server" ID="FormPanel1" Title="Title1">
                    <Items>
                        <ext:Label Text="label 1" ID="label1" runat="server" />
                        <%-- Need Form Panel for validation--%>
                    </Items>
                </ext:FormPanel>
            </Items>
            <Items>
                <ext:Panel runat="server" ID="Panel1" Title="Title2">
                    <Content>
                        <asp:PlaceHolder ID="PlaceHolder1" runat="server" />
                        <ext:Panel runat="server" Border="false" Width="300" PaddingSpec="2 0 0 0" Height="248"
                            Layout="FitLayout">
                            <Items>
                                <ext:MultiSelect ID="MultiSelect1" FieldLabel="List" AllowBlank="false" ValueField="LocationId"
                                    runat="server" SingleSelect="true" DisplayField="DowntimeDescription">
                                    <Store>
                                        <ext:Store ID="Store1" runat="server" AutoDataBind="true" AutoLoad="true">
                                            <Reader>
                                                <ext:JsonReader />
                                            </Reader>
                                            <Model>
                                                <ext:Model ID="Model1" runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="LocationId" Type="String" />
                                                        <ext:ModelField Name="DowntimeDescription" Type="String" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                        </ext:Store>
                                    </Store>
                                </ext:MultiSelect>
                            </Items>
                        </ext:Panel>
                    </Content>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
        </form>
    </body>
    </html>
    Quote Originally Posted by Vladimir View Post
    Can you explain so strange syntax?
    Why don't you define panels inside TabPanel?
  4. #4
    I took you advice and move ALL tabs in the TabPanel and I got rid of the <asp:PlaceHolder and built my TreePanel in the Markup instead...

    Thanks for the advice...

    Quote Originally Posted by Fahd View Post
    I updated my page, but issue is still the same!

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                var txtBox = new TextBox();
                this.PlaceHolder1.Controls.Add(txtBox);
    
                txtBox.ID = "textBox1";
                txtBox.Width = Unit.Pixel(50);
    
                TabPanel1.SetActiveTab(0);
    
                Store1.DataSource = GetData();
                Store1.DataBind();
    
                MultiSelect1.SelectedItems.Add(new Ext.Net.ListItem { Value = "4" });
            }
        }
    
    
        private static List<Downtime> GetData()
        {
            var list = new List<Downtime>()
                           {
                               new Downtime("1", "Wrap"),
                               new Downtime("2", "Oven"),
                               new Downtime("3", "Divider"),
                               new Downtime("4", "N/A")
                           };
            return list;
        }
    
    
        [Serializable]
        public class Downtime
        {
            public Downtime() { }
            public Downtime(string locationId, string description)
            {
                this.LocationId = locationId;
                this.DowntimeDescription = description;
            }
    
            public string LocationId { get; set; }
            public string DowntimeDescription { get; set; }
        }
    
    </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 id="Head1" runat="server">
        <title>Ext.NET Examples</title>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <br />
        <ext:TabPanel ID="TabPanel1" runat="server" Width="400" Height="500" DeferredRender="false">
            <Items>
                <ext:FormPanel runat="server" ID="FormPanel1" Title="Title1">
                    <Items>
                        <ext:Label Text="label 1" ID="label1" runat="server" />
                        <%-- Need Form Panel for validation--%>
                    </Items>
                </ext:FormPanel>
            </Items>
            <Items>
                <ext:Panel runat="server" ID="Panel1" Title="Title2">
                    <Content>
                        <asp:PlaceHolder ID="PlaceHolder1" runat="server" />
                        <ext:Panel runat="server" Border="false" Width="300" PaddingSpec="2 0 0 0" Height="248"
                            Layout="FitLayout">
                            <Items>
                                <ext:MultiSelect ID="MultiSelect1" FieldLabel="List" AllowBlank="false" ValueField="LocationId"
                                    runat="server" SingleSelect="true" DisplayField="DowntimeDescription">
                                    <Store>
                                        <ext:Store ID="Store1" runat="server" AutoDataBind="true" AutoLoad="true">
                                            <Reader>
                                                <ext:JsonReader />
                                            </Reader>
                                            <Model>
                                                <ext:Model ID="Model1" runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="LocationId" Type="String" />
                                                        <ext:ModelField Name="DowntimeDescription" Type="String" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                        </ext:Store>
                                    </Store>
                                </ext:MultiSelect>
                            </Items>
                        </ext:Panel>
                    </Content>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 3
    Last Post: Dec 29, 2012, 6:15 AM
  2. Replies: 4
    Last Post: May 09, 2012, 9:24 PM
  3. [CLOSED] V2.0 TabPanel Show Page aspx
    By Aurelio in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 05, 2012, 3:34 PM
  4. [CLOSED] Show scroll bars on Multiselect control
    By Shanti in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Feb 03, 2010, 6:54 AM
  5. [CLOSED] JavaScript error with MultiSelect inside BorderLayout and TabPanel
    By martin.mosimann in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 25, 2009, 1:03 PM

Tags for this Thread

Posting Permissions