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

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