未能在dojotolkit的datagrid中插入combobox

failed to insert combobox in datagrid in dojotoolkit

本文关键字:插入 combobox datagrid dojotolkit      更新时间:2023-09-26

require(['dojo/_base/lang','dojox/grid/DataGrid','dojo/data/ItemFileWriteStore','dojo/dom','dojo/domReady!'],函数(lang、DataGrid、ItemFileWriteStore、dom){
var数据={标识符:"id",项目:[]};var data_list=[{col1:"正常",col2:"X",col3:"A",col4:29.91,col5:1,combo:"mbo"},{col1:"重要",col2:"Y",col3:"B",col4:9.33,col5:2,combo:"mbo"},{col1:"重要",col2:"Z",col3:"C",col4:19.34,col5:1,combo:"mbo"}

];
var rows = 10;
for(var i = 0, l = data_list.length; i < rows; i++){
    data.items.push(lang.mixin({ id: i+1 }, data_list[i%l]));
}
var store = new ItemFileWriteStore({data: data});
var layout = [[
  {'name': 'SNO', 'field': 'id', 'width': '100px'},
  {'name': 'Name', 'field': 'col2', 'width': '100px'},
  {'name': 'Batch ', 'field': 'col3', 'width': '200px'},
  {'name': 'Percent', 'field': 'col4', 'width': '150px'},
  {'name': 'stage', 'field': 'col5', 'width': '150px'}
  {'name':'combo','field':'combo','width':'200px',
      'require':'js.dojox.grid.cell.dijit.js','cellType':'js.dojox.grid.cells.ComboBox','options':[ 'A', 'B', 'C' ],'editable':'true'}
]];
var grid = new DataGrid({
    id: 'grid',
    store: store,
    structure: layout,
    rowSelector: '20px'});
    grid.placeAt("gridDiv");
    grid.startup();

});

您必须添加

dojox/grid/cells/dijit

到您需要的