单击事件时刷新网格数据

Refreshing grid data on click event

本文关键字:网格 数据 刷新 事件 单击      更新时间:2023-09-26

我有这段代码。在这里,我通过Jquery Ajax($.get())在某个点击事件上调用函数gotoa(),通过URL检索一组新的值。我正在正确地获得一组值,因为我在警觉中得到了正确的结果。但此时网格并没有自我更新。当我刷新整个页面时,网格会更新。如何在调用gotoa()时更新网格?

代码::

<script type="text/javascript">
function gotoa(){
    $.get("http://localhost:8080/2_8_2012/jsp/GetJson.jsp?random=" + new Date().getTime(), function(result){
            alert(result);
            var storedata={
                identifier:"ID",
                label:"name",
                items:result
        };

    var store = new dojo.data.ItemFileWriteStore({data: storedata});
    alert(store);
    //var gridh = dijit.byId("gridDiv");
    //gridh.setStore(store);

        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 grid1 = new dojox.grid.DataGrid({
                id: 'grid2',
                store: store,
                structure: gridStructure,
                rowSelector: '30px',
                selectionMode: "single",
                autoHeight:true,
                columnReordering:true},
              document.createElement('div'));
            /*append the new grid to the div*/
            dojo.byId("gridDiv").appendChild(grid1.domNode);
            /*Call startup() to render the grid*/
            grid1.startup();
         // assuming our grid is stored in a variable called "myGrid":
            dojo.connect(grid1, "onSelectionChanged", grid1, function(){
                var items = grid1.selection.getSelected();

            //  do something with the selected items
                dojo.forEach(items, function(item){
                    var v = grid1.store.getValue(item, "Names");
                    function showDialog() {
                        dojo.require('dijit.Tooltip');
                        dijit.byId("terms").show();
                    }
                    //if(name!="Mail")
                    showDialog();
                    }, grid1);
            });

            dojo.connect(grid1, "onCellClick", grid1, function sendmail(){
                var items = grid1.selection.getSelected();
                dojo.forEach(items, function(item){
                    var v1 = grid1.store.getValue(item, "Email");      
                    alert(v1);
                    request.setAttribute("variablemail", v1);
            });
        });

    },"text");
    }
</script>

特定时间点的警报(结果)输出如下::

[{"ID":1,"Names":"Shantanu","Email":"shantanu.tomar@gmail.com"},{"ID":2,"Names":"Mayur","Email":"mayur.sharma@gmail.com"},{"ID":3,"Names":"Rohit"},{"ID":4,"Names":"Jasdeep"},{"ID":5,"Names":"Rakesh","Email":"rakesh.shukla@gmail.com"},{"ID":6,"Names":"Divyanshu"},{"ID":8,"Names":"hello"},{"ID":9,"Names":"fine"},{"ID":10,"Names":"shivani"}]

警报(存储)的输出如下::

[object Object]

我在点击内容窗格内的任何位置时调用gotoa()(暂时,稍后会放一个按钮或其他东西),如下所示::

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

如何升级网格数据?谢谢

我是dojo的新手,我认为这段代码将帮助您::

<script type="text/javascript">
function gotoa(isUpdate){
    $.get("http://localhost:8080/2_8_2012/jsp/GetJson.jsp?random=" + new Date().getTime(), function(result){
            alert(result);
            var storedata={
                identifier:"ID",
                label:"name",
                items:result
        };

    var store = new dojo.data.ItemFileWriteStore({data: storedata});
    alert(store);
    if (isUpdate) {
       var grid = dojo.byId('grid2');
       grid.setStore(store);
    } else {

        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 grid1 = new dojox.grid.DataGrid({
                id: 'grid2',
                store: store,
                structure: gridStructure,
                rowSelector: '30px',
                selectionMode: "single",
                autoHeight:true,
                columnReordering:true},
              document.createElement('div'));
            /*append the new grid to the div*/
            dojo.byId("gridDiv").appendChild(grid1.domNode);
            /*Call startup() to render the grid*/
            grid1.startup();
         // assuming our grid is stored in a variable called "myGrid":
            dojo.connect(grid1, "onSelectionChanged", grid1, function(){
                var items = grid1.selection.getSelected();

            //  do something with the selected items
                dojo.forEach(items, function(item){
                    var v = grid1.store.getValue(item, "Names");
                    function showDialog() {
                        dojo.require('dijit.Tooltip');
                        dijit.byId("terms").show();
                    }
                    //if(name!="Mail")
                    showDialog();
                    }, grid1);
            });

            dojo.connect(grid1, "onCellClick", grid1, function sendmail(){
                var items = grid1.selection.getSelected();
                dojo.forEach(items, function(item){
                    var v1 = grid1.store.getValue(item, "Email");      
                    alert(v1);
                    request.setAttribute("variablemail", v1);
            });
        });
        }
    });
    }
</script>

使用gotoa()进行网格的初始加载,使用gotoa(true)更新网格。