私のページには 2 つの struts2 jQuery グリッドがあります。最初のグリッドの行クリックで 2 番目のグリッドをロードする必要があります。最初のグリッドにイベント リスナーを追加しrowselect
、そのメソッドでグリッドをリロードしようとしています。
$("#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');
}
});
}
私の問題は
- アクションの execute メソッドは、アクションごとに数回取得します。アプリケーションをデバッグ モードで実行したところ、アクション クラスの execute メソッドが 3 回呼び出されたことがわかりました。そのうち、jsp ページから選択された値はアクション クラス変数に 2 回バインドされ、3 回目は値が null でした。
- また、ajax 関数でリロード グリッド イベントを発生させる
success
と、アクション クラスのパラメーターが 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);
}
);
2 番目のグリッド
<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>
アクション クラス:
//Form variables/getter setters
public String execute()
{
// code to database
}
public String getJSON()
{
return execute();
}
足りないものを教えてください。