Ext 之 GridPanel 操作, 不定时总结添加

2017-12-7

基本概念

类比Table. 控件GridPanel 每一行record整体. store作为数据源.如下代码:

var items = App.GPanel.store.data.items;
        for (var i = 0; i < items.length; i++) {
            var data = items[i].data;
            var dofw = data.DateOfWork;
            items[i].set("WorkingYear", resYear);
}
// 典型的通过store取具体每一列每一行数据 , 有点绕. 参考大漠秋秋之前, 这与js框架封装的基本粒度有关. 要习惯.
//通过set方式设置会刷新视图界面, 如果直接赋值, 不会导致界面刷新, 如果数据多, 可以赋值, 然后采用 App.GPanel.view.refresh()的方式将数据的变化体现在界面上.

行编辑及选择模式

if (App.GPanel.editingPlugin.editing) return;
var recordsLength = App.GPanel.store.data.items.length;
App.GPanel.getSelectionModel().select(App.GPanel.store.add({
  }));
App.GPanel.editingPlugin.startEdit(recordsLength, 0);
var record = App.GPanel.selModel.getSelection()[0];
    if (record.data.IsAttach == 0) {
      return;
    }
    else {
      App.GPanel.editingPlugin.startEdit(record, 1) //这里编辑一行
  }

分页toolbar控制

<ext:PagingToolbar ID="PagingToolbar2" runat="server">
    <Items>
        <ext:Label ID="Label5" runat="server" Text="页面大小:" />
        <ext:ToolbarSpacer ID="ToolbarSpacer2" runat="server" Width="10" />
        <ext:ComboBox ID="ComboBox2" runat="server" Width="80" Editable="false">
            <Items>
                <ext:ListItem Text="15" />
                <ext:ListItem Text="40" />
                <ext:ListItem Text="50" />
                <ext:ListItem Text="100" />
                <ext:ListItem Text="200" />
            </Items>
            <SelectedItems>
                <ext:ListItem Value="15" />
            </SelectedItems>
            <Listeners>
                <Select Handler="
                    store.pageSize = parseInt(ComboBox2.getValue()); //赋值页大小
                    PagingToolbar2.moveFirst();
                " />                                            
            </Listeners>
        </ext:ComboBox>
    </Items>
</ext:PagingToolbar>

列汇总

   <Features>
                            <ext:Summary runat="server"></ext:Summary>
   </Features>
// 需要汇总的列采用的类型需要是<ext:SummaryColumn 这种, 包含render 和 summaryRender 两种类型
<ext:SummaryColumn runat="server"  ID="columnName" Width="150" Text="姓名" DataIndex="Name" 
    SummaryType="Count">
    <SummaryRenderer Handler="return '共 ' + value + ' 条'"></SummaryRenderer>
</ext:SummaryColumn>

发现有文章写的很详细, ::
http://www.cnblogs.com/yc-755909659/p/3757191.html