//手動下發// 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);}});}}]});

總結

以上是生活随笔為你收集整理的Extjs EditorGridPanel的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。