0

道場グリッドを持ち、それらのデータを入力したい複数のソースがあるとします。1つのソースを選択すると、グリッドを作成してデータを取り込むことができます。しかし、一度にすべてのソースを選択する場合は、3つを選択したと仮定します。したがって、同じページに1つではなく3つのグリッドを作成する必要があります。ソースと同じ数のグリッドを作成できるように、ループを使用する必要があると思います。

しかし、複数の道場ジャタグリッドを作成するためのコードを書くことはできません。いくつかの提案をするか、いくつかのコード例で提案してください。

シングルグリッドの場合、次のようなコードがあります。

     require(['dojox/grid/DataGrid', 'dojo/data/ItemFileReadStore', 'dojo/date/stamp',      'dojo/date/locale', 'dojo/domReady!'],
          function(DataGrid, ItemFileReadStore){
            var layout = [
                {name:'srcrecno',field:'srcrecno',width:20},
                {name: 'Score', field: 'Score', width:20},
                {name: 'Members', field: 'Members', width:20},
                {name:'Entities', field:'Entities',width:20}
                ];

            var store = new ItemFileReadStore({
                data: {
                    items:<%=fa.jsonstring()%>
                }
            });
            var grid = DataGrid({
                id: 'grid',
                store: store,
                structure: layout,

            });
            grid.placeAt('gridDiv');
            grid.startup();
        });
4

1 に答える 1

0 
var data1 =  {
        items : <brp:json value="${display1}"/>,
        identifier : "id"
    };
 var store = new dojo.data.ItemFileReadStore({
    data : data1
}); 

        var layout = [ {
            field : 'id',
            name : 'Column1',
            width : '150px'
        },{
            field : 'Column2',
            name : 'Column2',
            width : '200px'
            },{
            field : 'Column3',
            name : 'Column3',
            width : '490px'
        } ];
        var grid = new dojox.grid.EnhancedGrid({
            id : 'grid',
             query : {
                id : '*'
            }, 
            store : store, 
            clientSort : false,
            rowSelector : '20px',
            plugins: {indirectSelection: {headerSelector:true, width:"40px", styles:"text-align: center;"}},
            height : "380px",   
            structure : layout,
        }, document.createElement('div'));

        dojo.byId("div1").appendChild(grid.domNode);



         var data2 =  {
                items : <brp:json value="${display1}"/>,
                identifier : "id"
            };
         var store2 = new dojo.data.ItemFileReadStore({
            data : data2
        });  

        var Structure2 = [ {
            field : 'id',
            name : 'Column1',
            width : '150px'
        },{
            field : 'Column2',
            name : 'Column2',
            width : '200px'
            },{
            field : 'Column3',
            name : 'Column3',
            width : '490px'
        } ];
        var grid2 = new dojox.grid.EnhancedGrid({
             id : 'grid2',
             query : {
             id : '*' 
            }, 
            store : store2,
            clientSort : false,
            rowSelector : '20px',
            plugins: {indirectSelection: {headerSelector:true, width:"40px", styles:"text-align: center;"}},
            height : "380px",   
            structure : Structure2,

        }, document.createElement('div'));

        dojo.byId("div2").appendChild(grid2.domNode); 

        grid.startup();
        grid2.startup();

もう1つ行う必要があります-高さで配置されたdivを表示するdivの内部

注 grid.startup();--->divの開始を示します。ここで、gridは指定されたグリッドです。

div1およびdiv2--->あなたのdiv-id

プラグイン：
{indirectSelection: {headerSelector:true, width:"40px", styles:"text-align: center;"}}
->グリッドデータのチェックボックス用です

このように、私たちはnoを投入することができます。道場を使用してグリッドの。

于 2013-02-06T07:24:42.740 に答える