Extjs EditorGridPanel
生活随笔
收集整理的這篇文章主要介紹了
Extjs EditorGridPanel
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
//手動(dòng)下發(fā)// 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});
這個(gè)grid嵌套在一個(gè)window中
//手動(dòng)下發(fā)// 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, //不允許輸入小數(shù) nanText: '<% = GetLocalResourceObject("WriteIntText") %>', //無(wú)效數(shù)字提示 allowNegative: false, //不允許輸入負(fù)數(shù) 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);}});}}]});總結(jié)
以上是生活随笔為你收集整理的Extjs EditorGridPanel的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 将所有.java文件修改为.jad文件格
- 下一篇: 西威SIEI电梯变频器维修图纸