Extjs EditorGridPanel
2013-03-08 15:47
302 查看
//手动下发 // 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);
}
});
}
}]
});
相关文章推荐
- Extjs3.0中的TreeGrid(Ext.ux.maximgb.tg.EditorGridPanel)
- extjs 3.4 EditorGridPanel里日期控件在后台获取格式为"2015-10-10T00:00:00"的问题解决
- Extjs:把EditorGridPanel表头的全选checkbox去掉
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- Extjs editorgridpanel combox 显示数据问题
- 2012/7/26Extjs笔记_Ext.grid.EditorGridPanel
- Extjs EditorGridPanel afteredit 事件的用法
- 让Extjs EditorGridPanel 编辑时支持方向键
- ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
- ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查
- extjs4 tree panel grid 按每一行的内容指定editor
- ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
- ExtJS EditorGridPanel 示例之Array格式(自定义Array解析器)Store前后台增删改查
- extjs EditorGridPanel
- ExtJS EditorGridPanel 示例之Array格式(自定义Array解析器)Store前后台增删改查
- 关于Extjs3.0中的TreeGrid(Ext.ux.maximgb.tg.EditorGridPanel)
- Extjs EditorGridPanel中ComboBox列的显示问题(默认显示键而不是值)
- ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查
- Extjs EditorGridPanel中ComboBox列的显示问题
- Extjs EditorGridPanel中ComboBox列的显示问题