博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJs3.3升级4.2
阅读量:7121 次
发布时间:2019-06-28

本文共 6167 字,大约阅读时间需要 20 分钟。

升级过程中部分要修改的代码

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

 

转载地址:http://honel.baihongyu.com/

你可能感兴趣的文章
ConcurrentHashMap并不是绝对线程安全的
查看>>
Oracle Instance
查看>>
使用网络监视器(IRSI)捕捉和分析协议数据包
查看>>
【机房重构】总结
查看>>
Android从无知到有知——NO.6
查看>>
自己写的php curl库实现整站克隆
查看>>
Combination Sum III -- leetcode
查看>>
机器学习算法中的过拟合与欠拟合(转载)
查看>>
机器学习算法实践:决策树 (Decision Tree)(转载)
查看>>
slack 团队协作平台
查看>>
【C#】:浅谈反射机制 【转】
查看>>
【iCore4 双核心板_FPGA】例程五:基础逻辑门实验——逻辑门使用
查看>>
使用Nmon监控Linux的系统性能
查看>>
React-Native 之 GD (十三)数据持久化(realm) 及 公共Cell
查看>>
flask及扩展源码解读
查看>>
通俗易懂详解Java代理及代码实战
查看>>
需求工程的基本过程
查看>>
Android 版本对于 API
查看>>
Hadoop,MapReduce
查看>>
Kafka Streams简介: 让流处理变得更简单
查看>>