次のように、データを表形式で表示するグリッドがあります。
<s:url id="remoteurl" action="SizeGrid" namespace="/admin_side"/>
<s:url id="editurl" action="SizeCRUD" namespace="/admin_side"/>
<sjg:grid
id="gridmultitable"
caption="Size"
dataType="json"
href="%{remoteurl}"
pager="true"
navigator="true"
navigatorSearchOptions="{sopt:['eq','ne','lt','gt']}"
navigatorEdit="false"
navigatorView="false"
navigatorAddOptions="{height:280, width:500, reloadAfterSubmit:true}"
navigatorEditOptions="{height:280, width:500, reloadAfterSubmit:false}"
navigatorViewOptions="{height:280, width:500}"
navigatorDelete="true"
navigatorDeleteOptions="{height:280, width:500,reloadAfterSubmit:true}"
gridModel="gridModel"
rowList="5,10,15"
rowNum="5"
rownumbers="true"
editurl="%{editurl}"
editinline="true"
multiselect="true"
onClickGroupTopics="rowdelete"
onSelectRowTopics="rowselect"
onEditInlineSuccessTopics="oneditsuccess"
viewrecords="true"
shrinkToFit="false"
width="1045"
>
<sjg:gridColumn name="sizeId" index="sizeId" title="%{getText('size.title.id')}" key="true" frozen="true" width="200" editable="false" dataType="Long" sortable="true" search="true" sorttype="integer" searchoptions="{sopt:['eq','ne','lt','gt']}"/>
<sjg:gridColumn name="sizeCode" index="sizeCode" title="%{getText('size.title.code')}" editrules="{required: true}" width="780" editable="true" sortable="true" search="true" sorttype="text"/>
</sjg:grid>
<s:hidden name="idArray"/>
ids
削除リンクをクリックすると、選択した行(sizeId
この場合) を配列として渡したいと思います。
そのためには、行を削除する実際のリクエストがトリガーされる前に、JavaScript 関数を呼び出す必要があります。
次の未加工/不完全な JavaScript 関数を試しました。
$.subscribe('rowdelete', function(event, data){
var checks=$("#gridmultitable").find('input[type=checkbox]');
var idArray =new Array();
alert(checks.length);
for(var i=0;i<checks.length;i++)
{
if(checks[i].checked)
{
var sizeId = checks[i].parentNode.parentNode;
var id=sizeId.id;
idArray.push($("#gridmultitable").jqGrid('getCell',id,'cellvalue'));
}
}
document.getElementById("idArray").value=idArray;
});
ただし、この関数は呼び出されません。
コンマ区切りの文字列として渡されるため、配列として提供できるように、選択/チェックされた行を収集する方法はありますids
か?サーバー。sizeId
ids
String#split()
StringTokenizer
Long
Integer
グリッドは、multiselect
に設定されているためtrue
、複数の行を選択できますmultiselect="true"
。