我該如何讓我的CSS工作正常我的dojo dijit表單按鈕？

Question

道場需要一定的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); 
 
    } 
 
}