Extjs EditorGridPanel

 //手动下发
        
//            var data = [{ ISSBANK: "Issbank", ISSBRANCHBANK: "issbanchbank", CARDNUM: "cardnum", CARDHOLDER: "cardholder", AMOUNT: 8.56, MERDETAILREFNUM: "merdetailrefunm", MERREMARK: "merremark"}];
            var data = [];
            var ds = new Ext.data.JsonStore({
                data: data,
                fields: ["ISSBANK", "ISSBRANCHBANK", "CARDNUM", "CARDHOLDER", { name: "AMOUNT", type: "float" }, "MERDETAILREFNUM", "MERREMARK"]
            });
            var cm = new Ext.grid.ColumnModel([
            new Ext.grid.RowNumberer(),
            { header: '<% = GetLocalResourceObject("IssbankText") %>', dataIndex: "ISSBANK", sortable: true, width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("IssubbakText") %>', dataIndex: "ISSBRANCHBANK", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("AccountText") %>', dataIndex: "CARDNUM", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("IssNameText") %>', dataIndex: "CARDHOLDER", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("MoneyText") %>', dataIndex: "AMOUNT", width: 100, editor: new Ext.form.NumberField({ align: 'right', allowBlank: false, regex: /^\S+$/, minValue: 0.1, allowNegative: false }) },
            { header: '<% = GetLocalResourceObject("MerBatRefnumText") %>', dataIndex: "MERDETAILREFNUM", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("MemoText") %>', dataIndex: "MERREMARK", width: 100, editor: new Ext.form.TextField({ }) }
         ]);


            var manualForm = new Ext.grid.EditorGridPanel({
                width: 700,
                height: 350,
                frame: true,
                //licksToEdit: 2,
                store: ds,
                cm: cm
            });

这个grid嵌套在一个window中

   //手动下发
        
//            var data = [{ ISSBANK: "Issbank", ISSBRANCHBANK: "issbanchbank", CARDNUM: "cardnum", CARDHOLDER: "cardholder", AMOUNT: 8.56, MERDETAILREFNUM: "merdetailrefunm", MERREMARK: "merremark"}];
            var data = [];
            var ds = new Ext.data.JsonStore({
                data: data,
                fields: ["ISSBANK", "ISSBRANCHBANK", "CARDNUM", "CARDHOLDER", { name: "AMOUNT", type: "float" }, "MERDETAILREFNUM", "MERREMARK"]
            });
            var cm = new Ext.grid.ColumnModel([
            new Ext.grid.RowNumberer(),
            { header: '<% = GetLocalResourceObject("IssbankText") %>', dataIndex: "ISSBANK", sortable: true, width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("IssubbakText") %>', dataIndex: "ISSBRANCHBANK", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("AccountText") %>', dataIndex: "CARDNUM", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("IssNameText") %>', dataIndex: "CARDHOLDER", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("MoneyText") %>', dataIndex: "AMOUNT", width: 100, editor: new Ext.form.NumberField({ align: 'right', allowBlank: false, regex: /^\S+$/, minValue: 0.1, allowNegative: false }) },
            { header: '<% = GetLocalResourceObject("MerBatRefnumText") %>', dataIndex: "MERDETAILREFNUM", width: 100, editor: new Ext.form.TextField({ allowBlank: false, regex: /^\S+$/ }) },
            { header: '<% = GetLocalResourceObject("MemoText") %>', dataIndex: "MERREMARK", width: 100, editor: new Ext.form.TextField({ }) }
         ]);


            var manualForm = new Ext.grid.EditorGridPanel({
                width: 700,
                height: 350,
                frame: true,
                //licksToEdit: 2,
                store: ds,
                cm: cm
            });

            var manualAllForm = new Ext.FormPanel({
                id: "frm3",
                autoHeight: true,
                width: 720,
                frame: true,
                items: [
                   new Ext.form.NumberField({
                       id: "txtIssuedNum",
                       fieldLabel: '<% = GetLocalResourceObject("WriteAddRecordText") %>',
                       allowDecimals: false,               //不允许输入小数  
                       nanText: '<% = GetLocalResourceObject("WriteIntText") %>',           //无效数字提示  
                       allowNegative: false,              //不允许输入负数  
                       maxValue: 100,                       //最大值  
                       minValue: 1                      //最小值                
                   }),
                  new Ext.Button({
                      text: '<% = GetLocalResourceObject("SaveText") %>',
                      handler: function () {
                          var num = Ext.getCmp("txtIssuedNum").getValue();
                          if (num < 1) return false;
                          var count = ds.getCount();

                          if (count == num) { return false; }
                          else if (count < num) {
                              var o = num - count;
                              for (var i = 0; i < o; i++) {
                                  var iss = new ds.recordType({
                                      ISSBANK: "",
                                      ISSBRANCHBANK: "",
                                      CARDNUM: "",
                                      CARDHOLDER: "",
                                      AMOUNT: 0.00,
                                      MERDETAILREFNUM: "",
                                      MERREMARK: ""
                                  });
                                  ds.addSorted(iss);
                              }
                          }
                          else {
                              var oo = count - num;
                              for (var i = 0; i < oo; i++) {
                                  ds.remove(ds.getAt(count - oo));
                              }
                          }

                      }
                  }),
              manualForm
               ],
                buttons: [{
                    text: '<% = GetLocalResourceObject("SaveInfoText") %>',
                    handler: function () {
                        var co = ds.getCount();
                        if (co == 0) { Ext.Msg.alert('<% = GetLocalResourceObject("WarnText") %>', '<% = GetLocalResourceObject("WriteRecordText") %>'); return false; }
                        var array = new Array();
                        ds.each(function (record) {
                            array.push(record.data);
                        });
                        var enable = true;
                        for (var i = 0; i < array.length; i++) {
                            var arr = array[i];
                            if (arr.ISSBANK == "" || arr.ISSBRANCHBANK == "" || arr.CARDNUM == "" || arr.CARDHOLDER == "" || arr.AMOUNT < 0.1 || arr.MERDETAILREFNUM == "") {
                                enable = false;
                            }
                        }
                        if (!enable) {
                            Ext.Msg.alert('<% = GetLocalResourceObject("PromptText") %>', '<% = GetLocalResourceObject("WriteFullDataText") %>'); return false;
                        }
                        Ext.Ajax.request({
                            url: "../Handler/Issued.ashx",
                            params: {
                                method: "SaveInfo",
                                dataStore: Ext.util.JSON.encode(array)
                            },
                            success: function (response, option) {
                                var result = Ext.util.JSON.decode(response.responseText);
                                if (result.Flag == true) {
                                    Ext.Msg.alert("Success", '<% = GetLocalResourceObject("IssuedSuccessText") %>');
                                    ds.removeAll();
                                    MerBatchStore.load();
                                } else {
                                    Ext.Msg.alert("Fail", result.RespMessage);
                                }
                            },
                            failure: function (response, option) {
                                Ext.Msg.alert("Failed", result.RespMessage);
                            }
                        });
                    }
                }, {
                    text: '<% = GetLocalResourceObject("SaveApproveText") %>',
                    handler: function () {
                        var co = ds.getCount();
                        if (co == 0) { Ext.Msg.alert('<% = GetLocalResourceObject("WarnText") %>', '<% = GetLocalResourceObject("WriteRecordText") %>'); return false; }
                        var array = new Array();
                        ds.each(function (record) {
                            array.push(record.data);
                        });
                        Ext.Ajax.request({
                            url: "../Handler/Issued.ashx",
                            params: {
                                method: "SaveApproveText",
                                dataStore: Ext.util.JSON.encode(array)
                            },
                            success: function (response, option) {
                                var result = Ext.util.JSON.decode(response.responseText);
                                if (result.Flag == true) {
                                    Ext.Msg.alert("Success", '<% = GetLocalResourceObject("IssuedSuccessText") %>');
                                    ds.removeAll();
                                } else {
                                    Ext.Msg.alert("Fail", result.RespMessage);
                                }
                            },
                            failure: function (response, option) {
                                Ext.Msg.alert("Failed", result.RespMessage);
                            }
                        });
                    }
                }]

            });