如何在GridPanel中绑定存储

Question

我是EXT.NEt控件中的新手....我在设计时创建了一个gridpanel，然后在运行时在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

Answer 1

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