Java 如何使用数据库中的动态数据显示多个页面？_Java_Xml_Jquery Ui_Jqgrid

Java 如何使用数据库中的动态数据显示多个页面？

java xml jquery-ui jqgrid

Java 如何使用数据库中的动态数据显示多个页面？,java,xml,jquery-ui,jqgrid,Java,Xml,Jquery Ui,Jqgrid,我正在从cassandra数据库读取数据并显示在jqGrid中。但它在所有页面上都显示相同的记录我使用的代码来自这是我的jsp文件：请说明分页不起作用的原因。 thx提前 <title>User Grid</title> <script> function fillGridOnEvent() //function called through ready function { // $("#jQGrid").ht

我正在从cassandra数据库读取数据并显示在jqGrid中。但它在所有页面上都显示相同的记录

我使用的代码来自

这是我的jsp文件：请说明分页不起作用的原因。 thx提前

<title>User Grid</title>



 <script>
  function fillGridOnEvent()          //function called through ready function
 {
    // $("#jQGrid").html("<table id=\"list\"></table><div id=\"page\"></div>");
    jQuery("#list").jqGrid({
    url:'<%=request.getContextPath()%>/JQGridServlet?q=1&action=fetchData',
    datatype: "xml",
    // cellEdit:true,
    //     width:'1000',
    height: '500',
    // altRows: true,
    //  width: 1000,
    colNames:['SrNo','Source IP','Destination IP','Bytes Sent',"Bytes Received"],
    colModel:[
         {name:'srNo',index:'srNo', width:90,sortable:true,align:'center'},
         {name:'stdName',index:'stdName',   
    width:130,sortable:false,align:'center',editable:true},
         {name:'stdStd',index:'stdStd', width:100,sortable:false,align:'center'},
         {name:'stdRollNo',index:'stdRollNo', width:180,sortable:false,align:'center'},
         {name:'view',index:'view', width:100,sortable:false,align:'center'}
             ],
    multiselect: false,
    autowidth:true,
    paging: true,
    viewrecords: true,
    // viewpages: true,
     rowNum:10,
   sortname:'srNo',
   //   sortorder:asce,
     rowList:[10,20,30,40,50],
     // recordtext: "View {0} - {1} of {10}",
     pager: jQuery('#page'),
     loadComplete:function()
          {

          },
     loadonce:false,
     caption: "Student Details"
     }).navGrid('#page',{edit:true,add:true,del:true});
  }

      jQuery().ready(function (){
                        alert("in ready");
                        fillGridOnEvent();
                                });
 </script>


 </head>
 <style>
.ui-jqgrid tr.jqgrow td {white-space: normal}
</style>

<body onload="fillGridOnEvent();">
<table id="list"><tr><td/></tr></table>
    <div id="page" align="center" >
    </div>
</body>

</html>

用户网格
函数fillGridOnEvent（）//通过ready函数调用函数
{
//$（“#jQGrid”）.html（“”）；
jQuery（“#list”）.jqGrid({
url:“/JQGridServlet？q=1&action=fetchData”，
数据类型：“xml”，
//是的，
//宽度：'1000'，
高度：'500'，
//阿尔特罗斯：是的，
//宽度：1000，
colNames:['SrNo'，'Source IP'，'Destination IP'，'Bytes Sent'，'Bytes Received']，
colModel：[
{name:'srNo'，index:'srNo'，width:90，sortable:true，align:'center'}，
{名称：'stdName'，索引：'stdName'，
宽度：130，可排序：false，对齐：'center'，可编辑：true}，
{name:'stdStd'，index:'stdStd'，width:100，sortable:false，align:'center'}，
{名称：'stdRollNo'，索引：'stdRollNo'，宽度：180，可排序：false，对齐：'center'}，
{name:'view'，index:'view'，width:100，sortable:false，align:'center'}
],
多选：错，
自动宽度：正确，
是的，
viewrecords：是的，
//viewpages：是的，
rowNum:10，
sortname:“srNo”，
//巫师：asce，
行列表：[10,20,30,40,50]，
//recordtext:“查看{10}中的{0}-{1}”，
寻呼机：jQuery（“#page”），
loadComplete:function（）
{
},
loadonce:false，
描述：“学生详细信息”
}).navGrid（“#page”，{edit:true，add:true，del:true}）；
}
jQuery（）.ready（函数（）{
警报（“准备就绪”）；
fillGridOnEvent（）；
});
.ui jqgrid tr.jqgrow td{空白：正常}

这是因为您没有处理发送到控制器的分页信息

如果您在页面上查看网格发送的帖子，您将看到它正在向控制器发送此信息。您的控制器可以接受此信息，然后选择信息页面返回jqGrid

Ex控制器预期的参数

(string sidx, string sord, int page, int rows, bool _search, string filters)

这是一个分页逻辑的粗略示例，用于获取此信息并生成不同的数据页供jqGrid显示

var pagedQuery = filteredQuery.OrderBy(sidx + " " + sord).Skip((page - 1) * rows).Take(rows);

这绝对不是你可以复制粘贴到你的应用程序中的代码，但会让你找到正确的路径，找到你想要做的事情的例子

欢迎使用stackoverflow，您提供的信息不足以回答您的问题。请提供一些详细信息。亲爱的，发布一些代码，以便易于理解。我不做Java，但搜索Java示例并专注于上面的代码片段应该可以很快为您提供一些全面的示例。发布您的servlet代码。我可以建议所需的修改