Ext.Net 1.2.0_增删改 Ext.Net.GridPanel

本文内容

• 演示增删改 Ext.Net.GridPanel
• 说明

 

演示增删改 Ext.Net.GridPanel

grid 从服务器获得数据后，在前台对 grid 进行增删改，往往很有必要，尤其是对那些实时性不强，或是用户只操作自己的数据。操作后，再由后台处理。

标记

>

    <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true" Width="500" Title="植物"

        AutoExpandColumn="Common">

        <Store>

            <ext:Store ID="Store1" runat="server" OnRefreshData="MyRefreshData">

                <Reader>

                    <ext:JsonReader IDProperty="Id">

                        <Fields>

                            <ext:RecordField Name="Id" />

                            <ext:RecordField Name="Common" />

                            <ext:RecordField Name="Light" />

                            <ext:RecordField Name="Price" Type="Float" />

                            <ext:RecordField Name="Availability" Type="Date" />

                        </Fields>

                    </ext:JsonReader>

                </Reader>

            </ext:Store>

        </Store>

        <ColumnModel ID="ColumnModel1" runat="server">

            <Columns>

                <ext:Column Header="Id" DataIndex="Id" />

                <ext:Column Header="Common Name" DataIndex="Common" />

                <ext:Column Header="Light" DataIndex="Light" />

                <ext:Column Header="Price" DataIndex="Price" />

                <ext:DateColumn Header="Available" DataIndex="Availability" Format="yyyy-MM-dd" />

            </Columns>

        </ColumnModel>

        <SelectionModel>

            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server">

                <Listeners>

                    <RowSelect Fn="selectedRow" />

                </Listeners>

            </ext:RowSelectionModel>

        </SelectionModel>

        <Buttons>

            <ext:Button ID="btnIsModified" runat="server" Icon="Accept" Text="是否改变">

                <Listeners>

                    <Click Handler="myIsDirty(GridPanel1);" />

                </Listeners>

            </ext:Button>

        </Buttons>

    </ext:GridPanel>

</div>

<div style="float: left">

    <ext:FormPanel ID="FormPanel1" runat="server" Width="300" Title="操作 grid" Padding="5">

        <Items>

            <ext:TextField ID="txtCommon" runat="server" FieldLabel="Common Name" AllowBlank="false"

                MsgTarget="Side" />

            <ext:TextField ID="txtLight" runat="server" FieldLabel="Light" AllowBlank="false"

                MsgTarget="Side" />

            <ext:TextField ID="txtPrice" runat="server" FieldLabel="Price" AllowBlank="false"

                MsgTarget="Side" />

            <ext:DateField ID="dfAvailability" runat="server" FieldLabel="Availability" Editable="false"

                AllowBlank="false" MsgTarget="Side" />

        </Items>

        <BottomBar>

            <ext:Toolbar ID="toolbar_Manipulate" runat="server">

                <Items>

                    <ext:Button ID="btnAdd" runat="server" Icon="Accept" Text="插入末尾">

                        <Listeners>

                            <Click Handler="myAdd(GridPanel1);" />

                        </Listeners>

                    </ext:Button>

                    <ext:Button ID="btnInsert" runat="server" Icon="Accept" Text="插入指定行上">

                        <Listeners>

                            <Click Handler="myUpIns(GridPanel1);" />

                        </Listeners>

                    </ext:Button>

                    <ext:Button ID="btnAppend" runat="server" Icon="Accept" Text="插入指定行下">

                        <Listeners>

                            <Click Handler="myDownIns(GridPanel1);" />

                        </Listeners>

                    </ext:Button>

                    <ext:Button ID="btnDelete" runat="server" Icon="Accept" Text="删除行">

                        <Listeners>

                            <Click Handler="myDelete(GridPanel1);" />

                        </Listeners>

                    </ext:Button>

                    <ext:Button ID="btnReset" runat="server" Icon="Accept" Text="重置">

                        <Listeners>

                            <Click Handler="#{GridPanel1}.store.load();" />

                        </Listeners>

                    </ext:Button>

                </Items>

            </ext:Toolbar>

        </BottomBar>

        <Buttons>

            <ext:Button ID="btnSave" runat="server" Icon="Accept" Text="保存">

                <Listeners>

                    <Click Handler="save(GridPanel1);" />

                </Listeners>

            </ext:Button>

        </Buttons>

    </ext:FormPanel>

</div>