2013-01-23 60 views
1

我的页面中有两个struts2 jQuery网格。我必须在第一个网格的行点击加载第二个网格。我在第一个网格中添加了一个rowselect事件侦听器,并且在该方法中,我尝试重新加载网格。重新加载struts2 jquery网格行另一个网格点击

$("#dgJobsDetailMain").jqGrid().trigger("reloadGrid"); 

我也试过烧一个Ajax请求

function populateJobRunDetails(jobName,dbSid) 
{ 
    $.ajax({ 
     url: "ecmComparisonJobDetailDataAction?jobId="+jobName+"&selectedDbSid="+selectedDbSid+"&date="+new Date().getTime()+"&rowClicked=true", 
     type: "GET", 
     dataType: "json", 
     success: function(data,textStatus,jqXHR) 
     { 
      //$("#dgJobsDetailMain").jqGrid().trigger("reloadGrid"); 
     }, 
     error:function(jqXHR, textStatus, errorThrown) 
     { 
      alert('error'); 
     } 
     }); 
} 

我的问题是

  1. Action的execute方法获得几次的每一个动作。当我在调试模式下运行应用程序时,我发现操作类执行方法被调用了三次。其中,来自jsp页面的选定值被绑定到动作类变量两次和第三次,值为空。
  2. 当我触发ajax函数的success重新加载网格事件时,操作类params被设置为null,所以我无法继续进行数据提取。

1格

<sjg:grid viewrecords="true" formIds="ecmComparisonMainForm" reloadTopics="reloadDataGrid" pagerPosition="center" onSelectRowTopics="rowselect" id="dgJobsMain" caption="Job List" dataType="json" href="%{ecmComparisonDataActionUrl}" pager="true" 
      gridModel="gridModel" rowList="4,6,8" rowNum="5" rownumbers="true" height="150" width="1200">   
      <sjg:gridColumn name="jobId" index="jobId" title="Job ID" hidden="true" /> 
      <sjg:gridColumn name="jobName" index="jobName" title="Job" sortable="true" /> 
      <sjg:gridColumn name="jobDescription" index="jobDescription" title="Job Description" sortable="true"/> 
      <sjg:gridColumn name="database" index="database" title="Database" sortable="false" /> 
      <sjg:gridColumn name="sourceSchema" index="sourceSchema" title="Source Schema" sortable="false"/> 
      <sjg:gridColumn name="targetSchema" index="targetSchema" title="Target Schema" sortable="true"/> 
      <sjg:gridColumn name="prDescription" index="prDescription" title="PR Description" hidden="true" sortable="false"/> 
      <sjg:gridColumn name="createdDate" index="createdDate" title="Created Date" sortable="false"/> 
      <sjg:gridColumn name="createdBy" index="createdBy" title="Created By" sortable="false"/> 
</sjg:grid> 

行选择功能

$.subscribe('rowselect', function(event, data) 
{ 
    rowClicked = true; 
    var grid = event.originalEvent.grid; 
    var sel_id = grid.jqGrid('getGridParam', 'selrow'); 
    var jobName = grid.jqGrid('getCell', sel_id, 'jobName'); 

    var dbSid = document.getElementById('schemaDbSid'); 
    $("#dgJobsDetailMain").jqGrid().trigger("reloadGrid"); 
    //populateJobRunDetails(jobName,dbSid.value); 
} 
); 

第二电网

<sjg:grid pagerPosition="center" id="dgJobsDetailMain" caption="Job Details List" dataType="json" href="%{ecmJobRunDetailsActionUrl}" pager="true" 
      gridModel="jobsDetailGridModel" rowList="4,6,8" rowNum="5" rownumbers="true" height="150" width="1200">   
      <sjg:gridColumn name="runId" index="runId" title="Run" sortable="true" /> 
      <sjg:gridColumn name="startDate" index="startDate" title="Start Time" sortable="true"/> 
      <sjg:gridColumn name="endDate" index="endDate" title="End Time" sortable="false" /> 
      <sjg:gridColumn name="status" index="status" title="Run Status" sortable="false"/> 
      <sjg:gridColumn name="statusMsg" index="statusMsg" title="Status Details" sortable="true"/> 
</sjg:grid> 

Action类:

//Form variables/getter setters 

public String execute() 
{ 
// code to database 
} 

public String getJSON() 
{ 
return execute(); 
} 

请让我知道缺少的东西。

+0

为什么当struts2可以将你的响应转换为json给你时,你需要'getJSON'方法? – Quincy

回答

0

在阅读你的代码后,我想你应该像这样重新加载网格。

var grid = jQuery("#yourGridId"); 
grid.trigger("reloadGrid"); 
0

将属性reloadTopics添加到您的网格,并在需要时发布。这有一些好处,再次平原触发reloadGrid。例如formIds属性fas也受到尊重。

<sjg:grid id="myGrid" reloadTopics="reloadMyGridTopic" ... /> 

<script> 
$.publish("reloadMyGridTopic"); 
</script> 
0
$("#dgJobsDetailMain").jqGrid('setGridParam',{url:'/context/action_name?param1='+value1+"&param2="+value2}).trigger("reloadGrid"); 

这解决了我的问题。 奇怪,因为我尝试了与s:url and s:param相同的事情。它没有工作。

-Karthick

0

尝试这种情况:

 $.ajax({ 
      url: "myAction.action", cache: false, dataType: 'json', data: "Id=" + 
        Id, 
      success: function (data) { 
       var jsonData = JSON.stringify(data.jsonResponse); 
       var parsedData = JSON.parse(jsonData); 
       if (parsedData.hasResults) { 
        var myData = parsedData.jsonResults; 
        $(document).ready(function() { 
         var allParameters = $("#gridModel").jqGrid("getGridParam"); 
         allParameters.data = myData; 
         $("#gridModel").trigger('reloadGrid'); 

        }); 
       } 
      } }); 

在乌尔操作类,设置网格列表JSON响应:

jsonResponse = JsonResponses.collectionResponse(列表);