如何使我的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);
  }
}