您的位置:首页 > Web前端 > JavaScript

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);
}
});
}
}]

});


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: