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: '數(shù)量', 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列時"完稅金額","關稅率"是可以編輯的以至于這兩列都可以編輯現(xiàn)在目的是這兩列的最后一行不可編輯代碼如下）

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的网格样式以及编辑属性设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。