2017-07-10 6 views
0

私はdojoで新しく、無効なチェックボックスを含むDataGridを作成しようとしています。dojoデータグリッドのチェックボックスが無効になっています

layout[0] = {name: ' ', field: 'selected', width: '20px', editable:  false, cellType: dojox.grid.cells.Bool}; 
var grid = new DataGrid({ 
    id: 'target_id', 
    store: new ObjectStore({ 
     objectStore: myData 
    }), 
    query: {parent: 'root'}, 
    structure: layout, 
    rowSelector: '0px' 
    }); 

無効なチェックボックスの代わりに、私が見ることのできるのは「真」または「偽」だけです。無効のチェックボックスがチェックされていない

Non-Editable-Checkboxes

場合はfalseそして、これが、それは私が本当の

Editable checkboxes

に編集可能な切り替えた場合どのように見えるかであるべきである場合はTrueどのように私は、チェックボックスを表示させることができます( "true"と "false"の代わりに無効)

答えて

0

グリッドにhttp://dojotoolkit.org/documentation/tutorials/1.8/working_grid/demo/selector.phpのような間接的な選択を試しましたか?これにより、チェックボックスは常にグリッドの左側に表示されます。

これがあなたが探しているものでない場合は、フォーマッタを実装して、どこにでもチェックボックスを表示できるようにすることをお勧めします。

var yourLayout = [ 
      [ 
       {name:'ID', field:"id" }, 
       {name:'Value', field:"id", formatter:this.renderCheckBox} 
      ] 
     ]; 

renderCheckBox:function (val) { 
     var checkbox = "<input type='checkbox' name='myCheckBox' value='" + val + "/>"; 
        return checkbox; 
    }, 

これにはjsfiddleリンクがあります。お役に立てれば。

http://jsfiddle.net/UUnfR/4/ 
関連する問題