Ext.namespace('Shipping'); Shipping.MsCodePackageIndex = function (config) { Ext.applyIf(this, config); this.initUIComponents(); window.Shipping.MsCodePackageIndex.superclass.constructor.call(this); }; Ext.extend(Shipping.MsCodePackageIndex, Ext.Panel, { OprationStatus: null, //仅当弹出界面时使用 SelectedRecord: null, initUIComponents: function () { //定义数据集 this.storeList = Ext.create('Ext.data.Store', { model: 'MsCodePackage', remoteSort: true, proxy: { type: 'ajax', url: '/MvcShipping/MsCodePackage/GetDataList', reader: { id: 'GID', root: 'data', totalProperty: 'totalCount' } } }); //this.gridListCellEditing = Ext.create('Ext.grid.plugin.CellEditing', { // clicksToEdit: 1 //}); //定义Grid this.gridList = new Ext.grid.GridPanel({ store: this.storeList, enableHdMenu: false, region: 'center', loadMask: { msg: "数据加载中,请稍等..." }, trackMouseOver: true, disableSelection: false, //plugins: [this.gridListCellEditing], selType: 'cellmodel', columns: [{ sortable: true, dataIndex: 'GID', header: 'GID', hidden: true, width: 120 }, { sortable: true, dataIndex: 'PKGS', header: '包装类型', width: 160 //editor: { // xtype: 'textfield', // selectOnFocus: true //} }, { sortable: true, dataIndex: 'CEXPLAIN', header: '中文名称', width: 160 //editor: { // xtype: 'textfield', // selectOnFocus: true //} }, { sortable: true, dataIndex: 'EDICODE', header: 'EDI代码', width: 160 //editor: { // xtype: 'textfield', // selectOnFocus: true //} } ] }); this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) { this.SelectedRecord = record; this.OprationStatus = 'edit'; var openSet = "height=500, width=800, toolbar=no, menubar=no,scrollbars=1, resizable=1,location=no, status=no,Top= " + (screen.height - 500) / 2 + ",Left= " + (screen.width - 800) / 2 var openType = "_blank"; var openUrl = "/MvcShipping/MsCodePackage/Edit"; window.open(openUrl, openType, openSet); }, this); //#region formSearch _this = this; this.formSearch = Ext.widget('form', { frame: true, region: 'center', bodyPadding: 5, fieldDefaults: { margins: '2 2 2 2', labelAlign: 'right', flex: 1, labelWidth: 90, msgTarget: 'qtip' }, items: [ {//fieldset 1 xtype: 'container', defaultType: 'textfield', layout: 'anchor', defaults: { anchor: '80%' }, items: [{ xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [{ fieldLabel: '包装类型', //'费用代码', name: 'PKGS', flex: 1, listeners: { specialkey: function (field, e) { if (e.getKey() == e.ENTER) { _this.onRefreshClick(); } } } }, { fieldLabel: '中文名称', //'费用名称', name: 'CEXPLAIN', flex: 1, listeners: { specialkey: function (field, e) { if (e.getKey() == e.ENTER) { _this.onRefreshClick(); } } } }, { xtype: 'hiddenfield', flex: 2 } ] } ]//end items(fieldset 1) }//end fieldset 1 ]//end root items }); //#endregion formSearch //查询工具条 this.panelBtn = new Ext.Panel({ region: "north", tbar: [ { text: "新增", iconCls: "btnadd", handler: function (button, event) { //this.addDetail(); this.OprationStatus = 'add'; window.open('/MvcShipping/MsCodePackage/Edit', "MsCodePackage", 'width=800,height=500,top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes'); }, scope: this }, { text: "保存", iconCls: "btnsave", handler: function (button, event) { this.onPostDetailClick(button, event); }, scope: this }, '-', { text: "删除", iconCls: "btndelete", handler: function (button, event) { this.onDeleteClick(button, event); }, scope: this }, '-', { text: "执行查询", //"执行查询", iconCls: "btnrefresh", handler: function (button, event) { this.onRefreshClick(button, event); }, scope: this } ] }); this.panelTop = new Ext.Panel({ layout: "border", region: "north", height: 80, items: [this.panelBtn, this.formSearch] }); this.panelCtn = new Ext.Panel({ layout: "border", title: '包装类型', id: 'pnlctn', region: "center", items: [this.gridList] }); this.MainCenter = new Ext.TabPanel({ activeTab: 0, autoWidth: true, border: true, frame: false, region: 'center', enableTabScroll: true, items: [ this.panelCtn ] }); Ext.apply(this, { items: [this.panelTop,this.MainCenter] }); this.storeList.on('beforeload', function (store) { Ext.apply(store.proxy.extraParams, { condition:'' }); }, this); this.onRefreshClick(); }, //end initUIComponents onRefreshClick: function (button, event) { var sql = this.getCondition(); this.storeList.load({ params: { start: 0, limit: 500, sort: '', condition: sql }, waitMsg: "正在查询数据...", scope: this }); }, addDetail: function () { //var newSerialno = DsGetNewSerialNo(this.storeBodyList, this.serialNo); var record = Ext.create('MsCodePackage', { GID: '*', PKGS: '', CEXPLAIN: '', EDICODE: '' }); this.storeList.add(record); var n = this.storeList.getCount(); this.gridListCellEditing.startEditByPosition({ row: n - 1, column: 1 }); }, onPostDetailClick: function (button, event) { var bodyDrChFeeDatas = []; var i; for (i = 0; i < this.storeList.getCount(); i += 1) { var memberyf = this.storeList.getAt(i); bodyDrChFeeDatas.push(memberyf); }; var jsonChFeeBody = ConvertGIDRecordsToJson(bodyDrChFeeDatas); _thisfee = this; Ext.Msg.wait('正在保存数据, 请稍侯..'); Ext.Ajax.request({ waitMsg: '正在保存数据...', url: '/MvcShipping/MsCodePackage/SaveDetail', scope: this, params: { body: jsonChFeeBody }, callback: function (options, success, response) { if (success) { Ext.MessageBox.hide(); var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { this.onRefreshClick(); } else { Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } else { Ext.Msg.show({ title: '请重试', msg: '服务器响应出错', icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } }); }, //end save onDeleteClick: function (button, event) { var selections = this.gridList.getSelectionModel().getSelection(); if (selections.length == 0) { Ext.Msg.show({ title: '提示', msg: '请先选择单据!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } var record = selections[0]; Ext.MessageBox.confirm('提示', '确定删除该记录吗?', function (btn) { if (btn == 'yes') { Ext.Msg.wait('正在删除数据...'); Ext.Ajax.request({ waitMsg: '正在删除数据...', url: '/MvcShipping/MsCodePackage/Delete', params: { data: Ext.JSON.encode(record.data) }, callback: function (options, success, response) { if (success) { var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { this.storeList.remove(record); Ext.Msg.show({ title: '提示', msg: jsonresult.Message, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); } else { Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } }, failure: function (response, options) { Ext.Msg.show({ title: '警告', msg: '服务器响应出错,请重试', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); }, success: function (response, options) { }, scope: this }); //end Ext.Ajax.request } }, this); }, //onDeleteClick getCondition: function () { var form = this.formSearch.getForm(); if (!form.isValid()) { Ext.Msg.alert('提示', '查询条件赋值错误,请检查。'); return ''; } var sql = ''; var PKGS = form.findField('PKGS').getValue(); sql = sql + getAndConSql(sql, PKGS, " PKGS like '%" + PKGS + "%' "); var CEXPLAIN = form.findField('CEXPLAIN').getValue(); sql = sql + getAndConSql(sql, CEXPLAIN, " CEXPLAIN like '%" + CEXPLAIN + "%' "); return sql; }, OprationSwap: function () { var ret = new Array(); ret[0] = this.OprationStatus; ret[1] = this.storeList; ret[2] = this.SelectedRecord; return ret; } });