css - 如何让我的 css 为我的 dojo dijit 表单按钮正确工作？

Question

dojo 需要某些 css 字段，我相信这些字段如下：

我的CSS：

.configButton .dijitButtonNode { 
  background-image: url(../images/gear16.png); 
  background-position: center center; 
  background-repeat: no-repeat; 
  width: 16px; 
  height: 16px; 
} 

我的结构的一部分：

                    { id: 'config', field: 'config', name: 'Config', width: '61px', 
                        widgetsInCell: true, 
                        navigable: true, 
                        allowEventBubble: true, 
                        decorator: function(){ 
                                //Generate cell widget template string 
                                return [ 
                                        '<button data-dojo-type="dijit.form.Button" ', 
                                        'data-dojo-attach-point="btn3" ', 
                                        'class="configButton" ', 
                                        'data-dojo-props="onClick: function(){', 
                                                'alert(\'Configuration\');', 
                                        '}"></button>' 
                                ].join(''); 
                        }, 
                        setCellValue: function(data){ 
                                //"this" is the cell widget 
                                this.btn3.set('label3', data); 
                        } 
                    } 

我无法让我的按钮正常工作，特别是图标图像。我的 GridX 单元格中只有一个折叠按钮。

Answer 1

试试这个代码：

setCellValue: function(gridData, storeData, cellWidget){
       cellWidget.btn3.set('label3', data);
}

Answer 2

当我在 GridX 单元格中使用小部件时，我使用以下onCellWidgetCreated方法：

{
  // ...
  widgetsInCell: true,
  onCellWidgetCreated: function(cellWidget, column) {
    cellWidget.btn3 = new Button({
      class: 'configButton',
      onClick: function() {
        alert('Configuration');
      }
    });
    cellWidget.btn3.placeAt(cellWidget.domNode);
  },
  setCellValue: function(data, storeData, cellWidget) {
    cellWidget.btn3.set('label3', data);
  }
}