[CLOSED] Adding a new record to a Store throws an error

  1. #1

    [CLOSED] Adding a new record to a Store throws an error

    Hi,

    Please consider the code sample below. The GridPanel is hosted by a DropDownField control. I'm trying to add a new record to the GridPanel's store by clicking the "Add Record" button. When the DropDownField is expanded first, the code executes as expected. A client error is thrown if I click on the "Add Record" button without expanding the DropDownField.

    <%@ Page Language="C#" %>
    
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
    
    <!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></title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    
        <script type="text/javascript">
            var onSelectRecord = function (selectionModel, rowIndex, record) {
                var name = record.data.Name;
                var desc = record.data.Description;
                DropDownField1.collapse();
                DropDownField1.setValue(String.format("{0} - {1}", name, desc));
            };
    
            var onAddRecord = function () {
                var grid = GridPanel1;
                var nameId = -1;
    
                var newRecord = new grid.store.recordType({
                    NameID: nameId,
                    Name: "Test Name",
                    Description: "Test Name Description"
                });
    
                var records = [];
                records.push(newRecord);
                grid.store.add(records);
                grid.store.commitChanges();
                var idx = grid.getStore().find("NameID", nameId);
                grid.getSelectionModel().selectRow(idx);
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            <ext:Store runat="server" ID="Store1">
                <Reader>
                    <ext:JsonReader IDProperty="NameID">
                        <Fields>
                            <ext:RecordField Name="NameID" />
                            <ext:RecordField Name="Name" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanel1">
                        <Items>
                            <ext:TextField ID="TextField1" runat="Server" Width="300" FieldLabel="Text 1"></ext:TextField>
                            <ext:CompositeField runat="server" FieldLabel="Dropdown Field 1">
                                <Items>
                                    <ext:DropDownField ID="DropDownField1" runat="server" Editable="false" Width="300" TriggerIcon="Search">
                                        <Component>
                                            <ext:GridPanel runat="server" ID="GridPanel1" Height="300" StripeRows="true" TrackMouseOver="true"
                                                Frame="true" StoreID="Store1">
                                                <ColumnModel runat="server">
                                                    <Columns>
                                                        <ext:Column ColumnID="Name" Header="Name" DataIndex="Name" Hideable="false" Width="100" />
                                                        <ext:Column ColumnID="Description" Header="Description" DataIndex="Description" Hideable="false" Width="150" />
                                                    </Columns>
                                                </ColumnModel>
                                                <LoadMask ShowMask="true" />
                                                <SelectionModel>
                                                    <ext:RowSelectionModel runat="server" SingleSelect="true">
                                                        <Listeners>
                                                            <RowSelect Fn="onSelectRecord" Buffer="150" />
                                                        </Listeners>
                                                    </ext:RowSelectionModel>
                                                </SelectionModel>
                                                <Listeners>
                                                    <RowClick Handler="DropDownField1.collapse();" />
                                                </Listeners>
                                            </ext:GridPanel>
                                        </Component>
                                    </ext:DropDownField>
                                    <ext:Button ID="Button1" runat="server" Text="Add Record">
                                        <Listeners>
                                            <Click Fn="onAddRecord" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:CompositeField>
                            <ext:ComboBox ID="ComboBox1" runat="server" Width="300" FieldLabel="Combo 1">
                                <Items>
                                    <ext:ListItem Text="Item1" Value="0" />
                                    <ext:ListItem Text="Item2" Value="1" />
                                    <ext:ListItem Text="Item3" Value="2" />
                                </Items>
                            </ext:ComboBox>
                        </Items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by Daniil; Apr 01, 2014 at 4:10 PM. Reason: [CLOSED]
  2. #2
    Removing a record from the Store throws various client side errors, too, which are sometimes hard to catch. I believe it also has to do with the DropDownField control. When I remove the DropDownField, the code executes normally.

    Faulty code sample (Updated)

    <%@ Page Language="C#" %>
    
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
    
    <!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></title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    
        <script type="text/javascript">
            var onSelectRecord = function (selectionModel, rowIndex, record) {
                var name = record.data.Name;
                var desc = record.data.Description;
                DropDownField1.collapse();
                DropDownField1.setValue(String.format("{0} - {1}", name, desc));
            };
    
            var onAddRecord = function () {
                var grid = GridPanel1;
                var nameId = -1;
                var d = new Date();
                var ticks = d.getTime();
    
                try {
                    var recordToRemoveIdx = grid.getStore().find("NameID", nameId);
                    if (recordToRemoveIdx != -1) {
                        grid.store.removeAt(recordToRemoveIdx);
                        //grid.store.commitChanges();
                        DropDownField1.setValue(null);
                    }
    
                    var newRecord = new grid.store.recordType({
                        NameID: nameId,
                        Name: "Test Name",
                        Description: String.format("Test Name {0}", ticks)
                    });
    
                    var records = [];
                    records.push(newRecord);
                    grid.store.add(records);
                    grid.store.commitChanges();
                    var idx = grid.getStore().find("NameID", nameId);
                    grid.getSelectionModel().selectRow(idx);
                }
                catch (e) {
                    Ext.Msg.alert("Error", e);
                }
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            <ext:Store runat="server" ID="Store1">
                <Reader>
                    <ext:JsonReader IDProperty="NameID">
                        <Fields>
                            <ext:RecordField Name="NameID" />
                            <ext:RecordField Name="Name" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanel1">
                        <Items>
                            <ext:TextField ID="TextField1" runat="Server" Width="300" FieldLabel="Text 1"></ext:TextField>
                            <ext:CompositeField runat="server" FieldLabel="Dropdown Field 1">
                                <Items>
                                    <ext:DropDownField ID="DropDownField1" runat="server" Editable="false" Width="300" TriggerIcon="Search">
                                        <Component>
                                            <ext:GridPanel runat="server" ID="GridPanel1" Height="300" StripeRows="true" TrackMouseOver="true"
                                                Frame="true" StoreID="Store1">
                                                <ColumnModel runat="server">
                                                    <Columns>
                                                        <ext:Column ColumnID="Name" Header="Name" DataIndex="Name" Hideable="false" Width="100" />
                                                        <ext:Column ColumnID="Description" Header="Description" DataIndex="Description" Hideable="false" Width="150" />
                                                    </Columns>
                                                </ColumnModel>
                                                <LoadMask ShowMask="true" />
                                                <SelectionModel>
                                                    <ext:RowSelectionModel runat="server" SingleSelect="true">
                                                        <Listeners>
                                                            <RowSelect Fn="onSelectRecord" Buffer="150" />
                                                        </Listeners>
                                                    </ext:RowSelectionModel>
                                                </SelectionModel>
                                                <Listeners>
                                                    <RowClick Handler="DropDownField1.collapse();" />
                                                </Listeners>
                                            </ext:GridPanel>
                                        </Component>
                                    </ext:DropDownField>
                                    <ext:Button ID="Button1" runat="server" Text="Add Record">
                                        <Listeners>
                                            <Click Fn="onAddRecord" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:CompositeField>
                            <ext:ComboBox ID="ComboBox1" runat="server" Width="300" FieldLabel="Combo 1">
                                <Items>
                                    <ext:ListItem Text="Item1" Value="0" />
                                    <ext:ListItem Text="Item2" Value="1" />
                                    <ext:ListItem Text="Item3" Value="2" />
                                </Items>
                            </ext:ComboBox>
                        </Items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>

    Code sample that runs normally

    <%@ Page Language="C#" %>
    
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
    
    <!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></title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    
        <script type="text/javascript">
            var onSelectRecord = function (selectionModel, rowIndex, record) {
                var name = record.data.Name;
                var desc = record.data.Description;
            };
    
            var onAddRecord = function () {
                var grid = GridPanel1;
                var nameId = -1;
                var d = new Date();
                var ticks = d.getTime();
    
                try {
                    var recordToRemoveIdx = grid.getStore().find("NameID", nameId);
                    if (recordToRemoveIdx != -1) {
                        grid.store.removeAt(recordToRemoveIdx);
                        //grid.store.commitChanges();
                    }
    
                    var newRecord = new grid.store.recordType({
                        NameID: nameId,
                        Name: "Test Name",
                        Description: String.format("Test Name {0}", ticks)
                    });
    
                    var records = [];
                    records.push(newRecord);
                    grid.store.add(records);
                    grid.store.commitChanges();
                    var idx = grid.getStore().find("NameID", nameId);
                    grid.getSelectionModel().selectRow(idx);
                }
                catch (e) {
                    Ext.Msg.alert("Error", e);
                }
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            <ext:Store runat="server" ID="Store1">
                <Reader>
                    <ext:JsonReader IDProperty="NameID">
                        <Fields>
                            <ext:RecordField Name="NameID" />
                            <ext:RecordField Name="Name" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanel1">
                        <Items>
                            <ext:TextField ID="TextField1" runat="Server" Width="300" FieldLabel="Text 1"></ext:TextField>
                            <ext:CompositeField runat="server" FieldLabel="Dropdown Field 1">
                                <Items>
                                    <ext:GridPanel runat="server" ID="GridPanel1" Height="300" Width="300" StripeRows="true" TrackMouseOver="true"
                                        Frame="true" StoreID="Store1">
                                        <ColumnModel runat="server">
                                            <Columns>
                                                <ext:Column ColumnID="Name" Header="Name" DataIndex="Name" Hideable="false" Width="100" />
                                                <ext:Column ColumnID="Description" Header="Description" DataIndex="Description" Hideable="false" Width="150" />
                                            </Columns>
                                        </ColumnModel>
                                        <LoadMask ShowMask="true" />
                                        <SelectionModel>
                                            <ext:RowSelectionModel runat="server" SingleSelect="true">
                                                <Listeners>
                                                    <RowSelect Fn="onSelectRecord" Buffer="150" />
                                                </Listeners>
                                            </ext:RowSelectionModel>
                                        </SelectionModel>
                                        <Listeners>
                                            <RowClick Handler="DropDownField1.collapse();" />
                                        </Listeners>
                                    </ext:GridPanel>
    
                                    <ext:Button ID="Button1" runat="server" Text="Add Record">
                                        <Listeners>
                                            <Click Fn="onAddRecord" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                        </ext:CompositeField>
                            <ext:ComboBox ID="ComboBox1" runat="server" Width="300" FieldLabel="Combo 1">
                                <items>
                                    <ext:ListItem Text="Item1" Value="0" />
                                    <ext:ListItem Text="Item2" Value="1" />
                                    <ext:ListItem Text="Item3" Value="2" />
                                </items>
                            </ext:ComboBox>
                        </Items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
  3. #3
    Hi Vadym,

    Regarding to the example in the first post. It is how you should select a row.
    if (grid.viewReady) {
        grid.getSelectionModel().selectRow(idx);
    } else {
        grid.on("viewready", function() {
            this.getSelectionModel().selectRow(idx);
        });
    }
    Additionally, you should lock execution of the onSelectRecord handler for that selectRow call.
  4. #4
    Thanks, Daniil,

    Could you please be more specific as to where the suggested piece of code should be included? Also, what exactly do you mean by locking the code execution? I've noticed that a new row is selected as soon as the DropDownValue is expanded. However, it's only at that point that the onSelectRecord is executed and the behavior isn't what's expected - the DropDownValue appears to collapse by itself right away. I'm still getting errors on adding or deleting records in or from the Store. Please suggest how to fix it.

    <%@ Page Language="C#" %>
    
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
    
    <!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></title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    
        <script type="text/javascript">
            var onSelectRecord = function (selectionModel, rowIndex, record) {
                var name = record.data.Name;
                var desc = record.data.Description;
                DropDownField1.collapse();
                DropDownField1.setValue(String.format("{0} - {1}", name, desc));
            };
    
            var onAddRecord = function () {
                var grid = GridPanel1;
                var nameId = -1;
                var d = new Date();
                var ticks = d.getTime();
    
                try {
                    var recordToRemoveIdx = grid.getStore().find("NameID", nameId);
                    if (recordToRemoveIdx != -1) {
                        grid.store.removeAt(recordToRemoveIdx);
                        //grid.store.commitChanges();
                        DropDownField1.setValue(null);
                    }
    
                    var newRecord = new grid.store.recordType({
                        NameID: nameId,
                        Name: "Test Name",
                        Description: String.format("Test Name {0}", ticks)
                    });
    
                    var records = [];
                    records.push(newRecord);
                    grid.store.add(records);
                    grid.store.commitChanges();
                    var idx = grid.getStore().find("NameID", nameId);
                    if (grid.viewReady) {
                        grid.getSelectionModel().selectRow(idx);
                    } else {
                        grid.on("viewready", function () {
                            this.getSelectionModel().selectRow(idx);
                        });
                    }
                }
                catch (e) {
                    Ext.Msg.alert("Error", e);
                }
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            <ext:Store runat="server" ID="Store1">
                <Reader>
                    <ext:JsonReader IDProperty="NameID">
                        <Fields>
                            <ext:RecordField Name="NameID" />
                            <ext:RecordField Name="Name" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanel1">
                        <Items>
                            <ext:TextField ID="TextField1" runat="Server" Width="300" FieldLabel="Text 1"></ext:TextField>
                            <ext:CompositeField runat="server" FieldLabel="Dropdown Field 1">
                                <Items>
                                    <ext:DropDownField ID="DropDownField1" runat="server" Editable="false" Width="300" TriggerIcon="Search">
                                        <Component>
                                            <ext:GridPanel runat="server" ID="GridPanel1" Height="300" StripeRows="true" TrackMouseOver="true"
                                                Frame="true" StoreID="Store1">
                                                <ColumnModel runat="server">
                                                    <Columns>
                                                        <ext:Column ColumnID="Name" Header="Name" DataIndex="Name" Hideable="false" Width="100" />
                                                        <ext:Column ColumnID="Description" Header="Description" DataIndex="Description" Hideable="false" Width="150" />
                                                    </Columns>
                                                </ColumnModel>
                                                <LoadMask ShowMask="true" />
                                                <SelectionModel>
                                                    <ext:RowSelectionModel runat="server" SingleSelect="true">
                                                        <Listeners>
                                                            <RowSelect Fn="onSelectRecord" Buffer="150" />
                                                        </Listeners>
                                                    </ext:RowSelectionModel>
                                                </SelectionModel>
                                                <Listeners>
                                                    <RowClick Handler="DropDownField1.collapse();" />
                                                </Listeners>
                                            </ext:GridPanel>
                                        </Component>
                                    </ext:DropDownField>
                                    <ext:Button ID="Button1" runat="server" Text="Add Record">
                                        <Listeners>
                                            <Click Fn="onAddRecord" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:CompositeField>
                            <ext:ComboBox ID="ComboBox1" runat="server" Width="300" FieldLabel="Combo 1">
                                <Items>
                                    <ext:ListItem Text="Item1" Value="0" />
                                    <ext:ListItem Text="Item2" Value="1" />
                                    <ext:ListItem Text="Item3" Value="2" />
                                </Items>
                            </ext:ComboBox>
                        </Items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
  5. #5
    It seems to me I now understand your suggestions. I've also managed to find out what line of code was throwing an annoying hard to catch error:

    DropDownField1.setValue(null);
    Instead, empty string should be used.

    Here's my code sample that appears to be working well:

    <%@ Page Language="C#" %>
    
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (X.IsAjaxRequest) return;
    
            this.Store1.DataSource = Department.GetAll();
            this.Store1.DataBind();
        }
    
        public class Department
        {
            public int ID { get; set; }
            public string Name { get; set; }
            public string Description { get; set; }
    
            public static List<Department> GetAll()
            {
                return new List<Department>
                {
                    new Department {ID = 1, Name = "Department A", Description = "Department A Description"},
                    new Department {ID = 2, Name = "Department B", Description = "Department B Description"},
                    new Department {ID = 3, Name = "Department C", Description = "Department C Description"}
                };
            }
        }
    </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></title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    
        <script type="text/javascript">
            var onSelectRecord = function (selectionModel, rowIndex, record) {
                var name = record.data.Name;
                var desc = record.data.Description;
                DropDownField1.setValue(String.format("{0} - {1}", name, desc));
            };
    
            var onRowClick = function () {
                DropDownField1.collapse();
            };
    
            var onAddRecord = function () {
                var grid = GridPanel1;
                var ticks = new Date().getTime();
                var id = -1;
                var name = "Department X";
                var desc = String.format("{0}", ticks);
    
                try {
                    DropDownField1.setValue(String.format("{0} - {1}", name, desc));
    
                    var recordToRemoveIdx = grid.store.find("ID", id);
                    if (recordToRemoveIdx != -1) {
                        grid.store.removeAt(recordToRemoveIdx);
                    }
    
                    var newRecord = new grid.store.recordType({
                        ID: id,
                        Name: name,
                        Description: desc
                    });
    
                    var records = [];
                    records.push(newRecord);
                    grid.store.add(records);
                    grid.store.commitChanges();
                    var idx = grid.store.find("ID", id);
    
                    if (grid.viewReady) {
                        grid.getSelectionModel().suspendEvents();
                        grid.getSelectionModel().selectRow(idx);
                        grid.getSelectionModel().resumeEvents();
                    } else {
                        grid.on("viewready", function () {
                            this.getSelectionModel().suspendEvents();
                            this.getSelectionModel().selectRow(idx);
                            this.getSelectionModel().resumeEvents();
                        });
                    }
                }
                catch (e) {
                    Ext.Msg.alert("Error", e);
                }
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            <ext:Store runat="server" ID="Store1">
                <Reader>
                    <ext:JsonReader IDProperty="ID">
                        <Fields>
                            <ext:RecordField Name="ID" />
                            <ext:RecordField Name="Name" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanel1">
                        <Items>
                            <ext:TextField ID="TextField1" runat="Server" Width="300" FieldLabel="Text 1"></ext:TextField>
                            <ext:CompositeField runat="server" FieldLabel="Dropdown Field 1">
                                <Items>
                                    <ext:DropDownField ID="DropDownField1" runat="server" Editable="false" Width="300" TriggerIcon="Search">
                                        <Component>
                                            <ext:GridPanel runat="server" ID="GridPanel1" Height="300" StripeRows="true" TrackMouseOver="true"
                                                Frame="true" StoreID="Store1">
                                                <ColumnModel runat="server">
                                                    <Columns>
                                                        <ext:Column ColumnID="Name" Header="Name" DataIndex="Name" Hideable="false" Width="100" />
                                                        <ext:Column ColumnID="Description" Header="Description" DataIndex="Description" Hideable="false" Width="150" />
                                                    </Columns>
                                                </ColumnModel>
                                                <LoadMask ShowMask="true" />
                                                <SelectionModel>
                                                    <ext:RowSelectionModel runat="server" SingleSelect="true">
                                                        <Listeners>
                                                            <RowSelect Fn="onSelectRecord" Buffer="150" />
                                                        </Listeners>
                                                    </ext:RowSelectionModel>
                                                </SelectionModel>
                                                <Listeners>
                                                    <RowClick Fn="onRowClick" />
                                                </Listeners>
                                            </ext:GridPanel>
                                        </Component>
                                    </ext:DropDownField>
                                    <ext:Button ID="Button1" runat="server" Text="Add Record">
                                        <Listeners>
                                            <Click Fn="onAddRecord" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:CompositeField>
                            <ext:ComboBox ID="ComboBox1" runat="server" Width="300" FieldLabel="Combo 1">
                                <Items>
                                    <ext:ListItem Text="Item1" Value="0" />
                                    <ext:ListItem Text="Item2" Value="1" />
                                    <ext:ListItem Text="Item3" Value="2" />
                                </Items>
                            </ext:ComboBox>
                        </Items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by vadym.f; Apr 01, 2014 at 1:05 PM.

Similar Threads

  1. [CLOSED] Adding record to store from code behind
    By jstifel in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Nov 26, 2013, 7:22 AM
  2. Replies: 1
    Last Post: Apr 25, 2013, 10:56 PM
  3. [CLOSED] Adding panels to a tab panel throws exception
    By RCM in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 09, 2012, 6:28 PM
  4. [CLOSED] [1.0] Store adding record
    By state in forum 1.x Legacy Premium Help
    Replies: 14
    Last Post: Dec 11, 2009, 6:24 PM
  5. [CLOSED] Adding a new Store Record - Not a Record object
    By Steve in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: May 15, 2009, 7:40 AM

Tags for this Thread

Posting Permissions