如何在GridPanel中绑定存储

时间:2013-07-10 10:21:20

标签: extjs ext.net

我是EXT.NEt控制的新手.... 我在设计时创建了一个网格面板 之后,我在运行时在javascript中创建了一个Ext.data.Store并填充数据。 现在如何在javascript中将此商店绑定到gridpanel。

设计期间的GridPanel ......

   <ext:GridPanel ID="gridpanel" runat="server" MinWidth="1000" MinHeight="400" ForceFit="true">
        <TopBar>
            <ext:Toolbar ID="Toolbar1" runat="server">
                <Items>
                    <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                    <ext:Button ID="Button3" runat="server" Text=" Export" Icon="PageExcel">
                        <Listeners>
                            <Click Handler="submitValue(#{gridpanel}, #{FormatType}, 'xls');" />
                        </Listeners>
                    </ext:Button>
                </Items>
            </ext:Toolbar>
        </TopBar>
        <ColumnModel>
            <Columns>
                <ext:Column ID="Col8" runat="server" Text="Project" DataIndex="Project"></ext:Column>
            </Columns>
            <Columns>
                <ext:Column ID="Col1" runat="server" Text="Parcel" DataIndex="Parcel"></ext:Column>
            </Columns>                
        </ColumnModel>           
    </ext:GridPanel>

现在我用javascript创建商店

   var store = Ext.create('Ext.data.Store', {
            storeId: 'mapList',
            fields: ['project', 'parcel'],
            autoLoad: true,
            pageSize: 10,
            data: listdata,
            proxy: {
                type: 'memory',
                reader: {
                    type: 'json',
                    root: 'items'
                }
            }
        });
        var ExtGridPanel = Ext.getCmp('ContentPlaceHolder1_gridpanel');

现在我如何将此商店绑定到gridPanel

1 个答案:

答案 0 :(得分:0)

您可以使用grid.reconfigure(store, [columns])更改绑定到网格的商店。