EXT JS Grid拓展

拓展计算列：            features: [{ftype: 'summary', dock: 'bottom' }],

拓展底部按钮：       dockedItems: [{xtype: 'toolbar',dock: 'top',items: btnitems }]

使用计算列：columns: [

                {

                    header:  'No.',

                    xtype: "rownumberer",

                    width: 150,

                    align: 'center',

                    summaryRenderer: function (value, summaryData, dataIndex) {//底部返回

                        return 'Invoice Total Amount:'

                    }

                },

      {
   
   xtype:"GridColumn"

                    header: 'Amount',

                    dataIndex: 'amount',

                    width: 180,

                    align: 'right',

                    summaryType: 'sum',

                    summaryRenderer: function (value, summaryData, dataIndex) {

                        return utils.Formater.FormatMoney(value);

                    }
                },

]

绑定store之后对vm的操作：

                      var rec = vm.get("GridStore").findRecord('indexD', dates.indexD)

                        if (rec != null) {

                            //修改的时候先删除

                            vm.get("GridStore").remove(rec);

                        }

                        vm.get("GridStore").add({//对grid store的操作

                            //set grid date

                            gridStoreColumn

                        });

------------------------------------------------------------------------------------------------------------------------------

---拓展renderer html和绑定事件

_fnobj : function (rowIndex) {

                var invc = Ext.ComponentQuery.query('[name= gpv]')[0];

                var vm = invc.getViewModel();

                var invgr = vm.get('gpvvm');

                var model = invgr.getAt(rowIndex).data;

                if (model.id!= undefined && model.name != undefined) {

                    alert(model.id)

                } else {

    alert('undefined')

                }

            }

1.GridPanel config.name:gpv

2.GridColumn

     create.GridColumn({

                   flex: 1,

                   renderer: function (value, cellmeta) {

                       var str = "";

                       str += "<INPUT type='button' value='BtnTest' onclick='main.controller._fnobj (" + cellmeta.rowIndex + ")'>";

                       return str;

                   },

               }),