jqgrid无法在我的Jsp中加载数据

时间:2013-08-02 02:46:28

标签: java jquery jsp jqgrid

当我点击链接时,它应该加载我的jqGrid一些数据。我正在将要显示的数据转换为json并尝试填充数据。我检查了我的json对象(转换我正在使用Gson()。tojson(listObject))并正确打印。

然而onClick Data = localhost:8080 / App / jsp / servlet?Param1 = xxxx& Param2 = 333 ,我无法加载数据,我使用Firebug和F12开发人员进行了一些调查,发现请求它没有被发送到servlet来获取数据。不确定有什么问题。我是JqGrid的新手可以点一点我的错误吗?

<link type="text/css"   href="../jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" media="screen" href="../jquery-ui-1.9.2.custom/js/src/css/ui.jqgrid.css" />
<script type="text/javascript" src="../jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
<script type="text/javascript"  src="../jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript"  src="../jquery-ui-1.9.2.custom/js/src/jquery.jqGrid.js"></script>
<script type="text/javascript" src="../jquery-ui-1.9.2.custom/js/custom.js"></script>
<script src="../jquery-ui-1.9.2.custom/js/jquery-1.4.2.min.js" type="text/javascript"></script>
 <script src="../jquery-ui-1.9.2.custom/js/src/grid.loader.js" type="text/javascript"></script>

这是我的jquery代码

jQuery("#jqqGrid").jqGrid({

    url: data,  // the data is 
    datatype: 'json',
    mtype: 'GET',   // tried with POST as well as GET
    colNames: ['ID','Name', 'From Date', 'To Date', 'Status'],
    colModel: [
           {name:'Id', index:'Id', width:55 },
           {name: 'name', index:'name', width:90},
           {name: 'from_Date', index: 'from_date', width: 90},
           {name: 'to_Date', index: 'to_date', width: 90},
           {name: 'status', index: 'status', width: 90},
               ],
    rowNumber:10,
    sortname: 'emp_Id',
    pager: '#jqqGrid_pager',
    viewrecords: true,
    sortorder:'desc',
    caption:'Employee Leave List',
    onSelectRow: function(){
        var sel = jQuery("#jqqGrid").jqGrid('getGridParam','selrow');
        alert(sel);
    }

1 个答案:

答案 0 :(得分:0)

你必须在你的onclick函数中明确设置url和触发器,如下所示

 $('#jqqGrid').setGridParam({url : data});
                                    $('#jqqGrid').trigger("reloadGrid", [ {page : 1} ]);