升级过程中部分要修改的代码
1.ComboBox的数据源
store: new Ext.data.JsonStore ({ proxy: { type: 'ajax', url: "../Handler/Common.ashx", reader: { root: "ResultData", type: 'json' } }, listeners: { beforeload: function (store, op, options) { var params = { "method": "QUERYCOUNTRY" }; Ext.apply(store.proxy.extraParams, params); } }, fields: ["Key", "Value"] }),
var cardStore = new Ext.data.JsonStore({ proxy: { type: 'ajax', url: "../Handler/MerchantFeeConfig.ashx", reader: { root: "ResultData", type: 'json' } }, listeners: { beforeload: function (store, op, options) { var params = { "method": "QUERYCARDTYPE" }; Ext.apply(store.proxy.extraParams, params); } }, fields: ["CARDTYPEID", "CARDTYPENAME"] }); cardStore.loadPage(1); var CardType = Ext.create('Ext.form.field.ComboBox', { id: "CardType", fieldLabel: '交易卡种', store: cardStore, displayField: "CARDTYPENAME", valueField: "CARDTYPEID", width: 240, maxHeight: 50, mode: "remote", value: 1, triggerAction: "all" });
2.store
var queryStore = new Ext.data.JsonStore({ pageSize: m_pageSize, proxy: { type: 'ajax', url: "../Handler/PreMerchant.ashx", reader: { type: 'json', totalProperty: 'ToTalRecord', root: 'ResultData' } }, listeners: { beforeload: function (store, op, options) { var params = { "method": "QUERYMERCHANT", "MerchantID": Ext.getCmp("txtMerchantId").getValue(), "MerchantName": Ext.getCmp("txtMerchantName").getValue(), "Status": -1, "isActive": -1, limit: m_pageSize }; Ext.apply(store.proxy.extraParams, params); } }, fields: ["MERCHANTID", "REGDATE", "MERCHANTNAME", "WEBSITENAME", "OWNERID", "CONTRACTSTDATE", "CONTRACTEDDATE", "ISCOUNTINUE", "MERCHANTOWNER", "ISACTIVE", "STATUS"] }); queryStore.loadPage(1);
3.gridPanel
viewConfig: { enableTextSelection: true }, loadMask: true,
4.右键
listeners: { 'itemcontextmenu': function(view, record, item, index, e, eOpts) { //禁用浏览器的右键相应事件 e.preventDefault(); e.stopEvent(); var SelRow = record.data; var menu = new Ext.menu.Menu({ //控制右键菜单位置 float: true, items: [ ]}).showAt(e.getXY()); //让右键菜单跟随鼠标位置 } }
5.label与displayfield
{ xtype: "displayfield",id: "lblBasicMerchantId", fieldLabel: '<% = GetGlobalResourceObject("GlobalResource","MerchantID") %>', value: v.MERCHANTID },
6.numberfield
xtype: "numberfield", width: 300, hideTrigger: true,
隐藏右边小图标
7.布局fieldDefaults: { labelAlign: 'right', labelWidth: 90 }, layout: { type: 'vbox', align: 'stretch' }, border: false, bodyPadding: 10, fieldDefaults: { labelAlign: 'right', labelWidth: 120 }, frame: true, items: [{ xtype: 'fieldcontainer', layout: 'hbox', defaultType: 'textfield', items: [{ xtype: "numberfield", width: 300, id: "txtMerchantId", hideTrigger: true, fieldLabel: '<% = GetLocalResourceObject("MerchantIdText") %>', allowBlank: true }, { xtype: "textfield", width: 300, id: "txtCustomerName", fieldLabel: '<% = GetLocalResourceObject("CustomerNameText") %>', maxLength: 128, minLenght: 2, allowBlank: false, blankText: '<% = GetLocalResourceObject("MustFillText") %>', margins: '0 0 0 5' }] },
store用post方式
var queryStore = new Ext.data.JsonStore({ pageSize: m_pageSize, proxy: { type: 'ajax', url: "../Handler/MerchantApprove.ashx", getMethod: function () { return 'POST'; }, reader: { type: 'json', totalProperty: 'ToTalRecord', root: 'ResultData' } }, listeners: { beforeload: function (store, op, options) { var params = { "method": "QUERYACCESSURLBYMID", "MerchantId": MerchantID }; Ext.apply(store.proxy.extraParams, params); } }, fields: ["URLID", "URL", "CSEMAIL", "CSPHONE", "ISENABLE"] }); queryStore.loadPage(1);