0

データグリッドにデータを表示したい。データは、JSonタイプとして$.getメソッドを使用してURLによって取得されます。エラーは発生していません。しかし、データグリッドも取得していません。これがスクリプトコードです::

<script type="text/javascript">
$("document").ready(function(){
    $('#contentpaneid').bind('click', getInfoFromServer);
    function getInfoFromServer(){
        $.get("http://localhost:8080/2_8_2012/jsp/GetJson.jsp?random=" + new Date().getTime(), function (result) {
            success:postToPage(result),
            alert('Load was performed.');
            },"Json");

    function postToPage(data){
    alert(data);    
    var storedata = {
        identifier:"ID",
        items: data //[{"ID":1,"Names":"Shantanu","Email":"shantanu.tomar@gmail.com"},{"ID":2,"Names":"Mayur","Email":"mayur.sharma@gmail.com"},{"ID":3,"Names":"Rohit"},{"ID":21,"Names":"Rakesh","Email":"askjhjk"}] 

};

    var store1 = new dojo.data.ItemFileWriteStore({data: storedata}) ;
    var gridStructure =[[

                          { field: "ID",
                                name: "ID_Emp",
                                width: "20%",
                                classes:"firstName"
                          },
                          {
                              field: "Names",
                              name: "Name",
                              width: "20%",
                              classes: "firstName"
                          },
                          { field: "Email",
                                name: "Mail",
                                width: "20%",
                                classes:"firstName"
                          }

                    ]
              ];

    var grid = new dojox.grid.DataGrid({

        store: store1,
        structure: gridStructure,
        rowSelector: '30px',
        selectionMode: "single",
        autoHeight:true,
        columnReordering:true

        },'gridDiv');


    grid.startup();
    dojo.connect(grid, "onSelectionChanged", grid, function(){
                var items = grid.selection.getSelected();



            //  do something with the selected items
                dojo.forEach(items, function(item){
                    var v = grid.store.getValue(item, "Names");

                    function showDialog() {
                        dojo.require('dijit.Tooltip');
                        dijit.byId("terms").show();
                    }

                    showDialog();
                    }, grid);

            });


            dojo.connect(grid, "onCellClick", grid, function sendmail(){
                var items = grid.selection.getSelected();

                dojo.forEach(items, function(item){
                    var v1 = grid.store.getValue(item, "Email");       
                    alert(v1);
                    request.setAttribute("variablemail", v1);
            });
    });

};
};
});
</script>

私のマークアップコードは::

<div id="contentpaneid" dojoType="dijit.layout.ContentPane" title="Pending Activities" style="background-image: url('http://localhost:8080/2_8_2012/images/17.png');">

<div data-dojo-id="gridDiv" title="Simple Grid" style="width:900px; height:200px;">

コンテンツペイン内をクリックすると、$。getメソッドを介してJSonとしてデータを取得するときと同じようにalert（data）出力が表示されます::

[Object object][Object object][Object object](The number of [Object object] depends on number of entries in Database)

そして、テキストとしてデータを取得するときに出力されます::

[{"ID":1,"Names":"Shantanu","Email":"shantanu.tomar@gmail.com"},{"ID":2,"Names":"Mayur","Email":"mayur.sharma@gmail.com"},{"ID":3,"Names":"Rohit"},{"ID":21,"Names":"Rakesh","Email":"askjhjk"},{"ID":22,"Names":"Hello"}]

データを更新すると、データアラートが表示されます。つまり、alert（data）で値が更新されています。$。get関数は正常に機能しています。また、alert（'ロードが実行されました。'）メッセージを受け取ります。しかし、グリッドは表示されていません。データではありませんが、グリッドも表示されません。クリックすると、アラートボックスのみが表示されます。それでおしまい。どこを間違えているの？そして、値が「items：」に正しく渡されるように、データをテキストまたはJSONとして取得する必要があります。助けてください。クリックイベント時に、データベースの変更に応じてグリッドが自動的に更新されるようにします。ありがとう。

4

1 に答える 1

0

変化する

<div data-dojo-id="gridDiv"...

に

<div id="gridDiv" ...

data-dojo-id は、ウィジェットを保持するグローバル JS 変数を作成するために使用されることを意図していることに注意してください。あなたの状況では、データグリッドにデータを取り込み、dojo に id gridDiv の DOM ノードをデータグリッドに置き換えるように依頼しています。Dojo はそのようなノードを見つけることができないため、データグリッドは表示されません。

于 2012-03-16T17:08:20.170 に答える