vô hiệu hóa các hàng trong lưới extjs

Question

Cách tắt lựa chọn hàng trong lưới extjs.

Answer 1

Bạn phải đặt thuộc tính disableSelection thành true. Giá trị của nó bị bỏ qua nếu một SelectionModel được chỉ định.

Ví dụ:

var grid = new Ext.grid.GridPanel({ 
    disableSelection: true, 
    store: new Ext.data.Store({ 
     reader: reader, 
     data: xg.dummyData 
    }), 
    columns: [ 
     {id:'company', header: "Company", width: 200, sortable: true, dataIndex: 'company'}, 
     {header: "Price", width: 120, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'}, 
     {header: "Change", width: 120, sortable: true, dataIndex: 'change'}, 
     {header: "% Change", width: 120, sortable: true, dataIndex: 'pctChange'}, 
     {header: "Last Updated", width: 135, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'} 
    ], 
    viewConfig: { 
     forceFit: true, 

//  Return CSS class to apply to rows depending upon data values 
     getRowClass: function(record, index) { 
      var c = record.get('change'); 
      if (c < 0) { 
       return 'price-fall'; 
      } else if (c > 0) { 
       return 'price-rise'; 
      } 
     } 
    }, 
    width:600, 
    height:300, 
    frame:true, 
    title:'Framed with Checkbox Selection and Horizontal Scrolling', 
    iconCls:'icon-grid' 
}); 

Nếu bạn muốn vô hiệu hóa lựa chọn các chỉ số hàng, bạn có thể thêm một người nghe đến SelectionModel "beforerowselect" sự kiện và trả về false khi bạn không muốn có một hàng để được đã chọn.

Answer 2

sử dụng cấu hình này nếu bạn không có một mô hình lựa chọn cho bạn lưới

var grid = new Ext.grid.GridPanel({ 
    disableSelection: true, 
}); 

khác mà bạn mẹo nhỏ để vô hiệu hóa lựa chọn trong RowSelectionModel

var grid = new Ext.grid.GridPanel({ 
    selModel : new Ext.grid.RowSelectionModel({selectRow: Ext.emptyFn}) 
}); 

Answer 3

bạn có thể làm một trick cho lưới của bạn, trông giống như sau:

grid.getSelectionModel().lock();