EditorGridPanel的网格样式以及编辑属性设置

1.添加（设置）单元格样式

    function SetMyColumns(value, cell, record, rowIndex, columnIndex, store) {if((columnIndex==9||columnIndex==10)&&gridArray.getStore().getAt(rowIndex).data.ITEMNAME !='总计:'){cell.css = 'x-grid-back-Myellow';//类样式return value;                   }else {return value;}}

2.定义列时渲染grid列

            var col = new Ext.grid.ColumnModel([sm,{ header: '品号', dataIndex: 'ITEMNO', sortable: false, width: 80,renderer:SetMyColumns},{ header: '英文品名+中文品名+型号', dataIndex: 'ITEMNAME', sortable: false, width: 180,renderer:SetMyColumns},{ header: '数量', dataIndex: 'QTY', sortable: false, width: 50,renderer:SetMyColumns},{ header: '币种', dataIndex: 'CURRENCY', sortable: false, width: 50,renderer:SetMyColumns},{ header: '原币种单价', dataIndex: 'UNITPRICE', sortable: false, width: 80,renderer:SetMyColumns},{ header: '原币种金额', dataIndex: 'TOTALAMOUNT', sortable: false, width: 80,renderer:SetMyColumns},{ header: '汇率', dataIndex: 'EXCHANGERATE', sortable: false, width: 50,renderer:SetMyColumns},{ header: '金额', dataIndex: 'MONEY', sortable: false, width: 80,renderer:SetMyColumns},{ header: '完税金额', dataIndex: 'RATEMONEY', sortable: false, width: 80,editor: new Ext.grid.GridEditor(new Ext.form.NumberField({})),renderer:SetMyColumns},{ header: '关税率', dataIndex: 'GUANRATE', sortable: false, width: 50,editor: new Ext.grid.GridEditor(new Ext.form.NumberField({})),renderer:SetMyColumns},{ header: '关税额', dataIndex: 'GUANMONEY', sortable: false, width: 80,renderer:SetMyColumns},{ header: 'VAT完税金额', dataIndex: 'VATRATEMONEY', sortable: false, width: 80,renderer:SetMyColumns},{ header: '增值税率', dataIndex: 'VAT', sortable: false, width: 50,renderer:function(value){return value*100;}},{ header: '增值税金额', dataIndex: 'VATMONEY', sortable: false, width: 80,renderer:SetMyColumns}]);

3.设置列的编辑属性（在渲染grid列时"完税金额","关税率"是可以编辑的以至于这两列都可以编辑现在目的是这两列的最后一行不可编辑代码如下）

            col.isCellEditable = function(colIndex, rowIndex) {if ( gridArray.getStore().getAt(rowIndex).data.ITEMNAME =='总计:') {return false;}else {return true;}};

4.定义EditorGridPanel

            var gridArray = new Ext.grid.EditorGridPanel({title:'',height: 350,id:'gridArray',name:'gridArray',sm:sm,colModel: col,clicksToEdit: 1,store: store,autoScroll: true,viewConfig: {forceFit: true,columnsText: '显示的列',scrollOffset: 20,sortAscText: '升序',sortDescText: '降序'}});

转载于:https://www.cnblogs.com/angus332770349/archive/2012/06/05/2536883.html

EditorGridPanel的网格样式以及编辑属性设置相关推荐

【响应式Web前端设计】css如何设置边框的圆角样式？border-radius属性设置圆角样式（图文）
border-radius包含5种设置圆角样式方式: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. borde ...
【sketchup 2021】草图大师的图像输出与渲染之样式说明【边线设置、平面设置、背景设置、水印设置、建模设置、天空背景创建天空、利用水印背景创建天空（重要）】
文章目录边线-平面-背景修改说明样式选择编辑边线设置平面设置背景设置水印设置建模设置混和示例[利用颜色和水印创建天空] 天空背景创建天空利用水印背景创建天空边线-平面-背景修 ...
echarts 网格属性_设置echarts_的网格样式颜色
设需朋者说上事是础一发一开程和开数的目前间置echarts的网格新直能分支调二浏页器朋代说,事刚样式颜色参考AP用它互不直曾经明以机会式近分扯.多接相常I文档:http://echarts.baid ...
Flutter中文本输入框TexeFieldr键盘样式TextInputType总结TexeField设置不可编辑
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. TextField 系列文章 TextField的基本使用以及TextField常用属性精讲<点击查看详情> ...
jquery设置css样式、style属性示例（超强解析）
jQuery 一.CSS 1.css(name) 2.css(properties) 3.css(name,value) 二.位置 1.offset() 2.position() 3.scrollTo ...
设置echarts 的网格样式颜色
设置echarts的网格样式颜色参考API文档:http://echarts.baidu.com/option.html#xAxis.splitLine option = {xAxis: {type ...
css样式如何设置边框，阴影，渐变等特效以及通过box-sizing属性设置盒子模型，背景区域设置等
今天,我继续来和大家聊聊css3. 在css3中,新增了很多样式,使得页面更加的美观,效果更加的优秀. 但是,同样要注意的是,很多css3提出的新样式没有得到浏览器的支持,也就意味着有一部分的css3 ...
ListView部分样式属性设置
在硬编码中: ListView lv= getListView(); lv.setDivider(new ColorDrawable(Color.GREEN));//用这个设置颜色 lv.setDiv ...
css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...

EditorGridPanel的网格样式以及编辑属性设置

EditorGridPanel的网格样式以及编辑属性设置相关推荐

最新文章

热门文章