DataGrid显示标题下方的奇怪复选框

时间:2012-11-07 10:21:18

标签: javascript dojo dojox.grid.datagrid

我在使用dojo显示datagrid时出现问题。 使用ItemFileReadStore提供的数据填充网格可以正常工作。但结果如下:

The Datagrid displays two Checkboxes, and i don't know why

Grid-Headings下面的两个checkboxes不应该在那里。我已经尝试过DataGrid的属性rowSelector,但我显然没有成功。

我已经以编程方式创建了DataGrid。这是源代码:

    var oStore = new dojo.data.ItemFileReadStore({
       data:{
          identifier: 'catID',
             items: [
                {catID: '3', duration: '1,5'},
                {catID: '4', duration: '2,0'},
                {catID: '9', duration: '1,0'},
                {catID: '7', duration: '2,0'}
             ]  
          }
       });

       var oGrid = new dojox.grid.DataGrid({
          store: oStore,
          query:{ catID:'*'},
          autoHeight: 5,
          structure:[
             {name: 'KatalogID', field: 'catID', width: 'auto'},
             {name: 'Dauer', field: 'duration', width: 'auto'}
          ]
       }, dojo.create('div', {'id':'oGrid'}));
       oGrid.startup();

有谁知道,这些复选框的来源以及如何删除它们?

2 个答案:

答案 0 :(得分:0)

我找到了可能的解决方法,但这并不能解决问题: 包含以下css代码会隐藏div - 包含无法复制的复选框的容器。

    <style type="text/css">

       .dojoxGridView > .dijitCheckBox{
          display: none; 
       }

    </style>

不幸的是,这会导致checkBoxes声明中rowSelector - 选项生成的DataGrid。因此,如果您不需要rowSeletion功能(至少通过复选框),则可以使用。

答案 1 :(得分:0)

我有很多次这个问题,它通过包含Grid.css和主题css来删除。这可以通过播放css来删除。