Store可以理解为一个数据容器,它包含Modal和Proxy。
Model:数据模型,包括一些字段等,通常与数据库中的字段、实体模型中的字段对应。
Proxy:数据交互的代理,包括MemoryProxy、AjaxProxy、DirectProxy等
第一种 直接后台绑定:
前台:
<ext:GridPanel
ID="GridPanel1"
runat="server">
<Store>
<ext:Store ID="userListStore" runat="server" PageSize="25">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="FName" />等等等等,你所需要的字段
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" Width="35" />这个是序号字段EXT.NET自带的,这个比C#好用一点。
<ext:Column ID="FName" runat="server" Text="用户名称" Width="100" DataIndex="FName" />
等等等等,你所需要的字段
</ColumnModel>
<BottomBar> 这个也不错,是自带的分页控件,根本不需要像C#中自己去处理分页。
<ext:PagingToolbar ID="PagingToolbar1" runat="server">
<Items>
<ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="10" />
</Items>
<Plugins>
<ext:ProgressBarPager ID="ProgressBarPager1" runat="server" />
</Plugins>
</ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
非常简单的绑定,和C#.NET没什么区别,就是后台绑定。
DataTable=dt;
this.userListStore.DataSource = dt.DefaultView;
this.userListStore.DataBind();
第二种 需要用Proxy绑定:
前台代码如下:红色框中是调用获取数据的方法路径(这个是MVC)。然后我们也可以带参数进行结果集的筛选。鼠标移动到的那个暗色区域,是制定返回回来的数据格式,如果不写这个是有的是没有效果的(至于什么时候有效果什么时候没有,我目前还不知道原因,知道的大侠也可以赐教)。
后台的方法: