
子表格也是一个jqgrid,你可以像 *** 作主表格一样 *** 作子表格的subGridRowExpanded: function(subgrid_id, row_id) {// we pass two parameters// subgrid_id is a id of the div tag created whitin a table data// the id of this elemenet is a combination of the "sg_" + id of the row// the row_id is the id of the row// If we wan to pass additinal parameters to the url we can use// a method getRowData(row_id) - which returns associative array in type name-value// here we can easy construct the flowingvar subgrid_table_id, pager_id;subgrid_table_id = subgrid_id+"_t";pager_id = "p_"+subgrid_table_id;$("#"+subgrid_id)html("<table id='"+subgrid_table_id+"' class='scroll'</table<div id='"+pager_id+"' class='scroll'</div");jQuery("#"+subgrid_table_id)jqGrid({url:"subgridphpq=2&id="+row_id,datatype: "xml",colNames: ['No','Item','Qty','Unit','Line Total'],colModel: [{name:"num",index:"num",width:80,key:true},{name:"item",index:"item",width:130},{name:"qty",index:"qty",width:70,align:"right"},{name:"unit",index:"unit",width:70,align:"right"},{name:"total",index:"total",width:70,align:"right",sortable:false}],rowNum:20,pager: pager_id,sortname: 'num',sortorder: "asc",然后子表格的 *** 作就是jQuery("#"+subgrid_table_id)jqGrid('getGridParam','selarrrow');
//获取选中行短信内容
mes=$("check_row:checked")parent()parent()children("td:eq(3)")text();//
选中多选框
3是从0开始数的,也就是第四列
$("#message")val(mes);//将内容赋值给id为message的文本框中
$('#eshow')lightbox_me({
//打开模态框
centered:
true,
onLoad:
function()
{
}
})
}
<table>
<tr class="aa"><td>第1行1列</td><td>第1行2列</td></tr>
<tr class="aa"><td>第2行1列</td><td>第2行2列</td></tr>
<tr><td></td><td></td></tr>
</table>
$('aa')click(function (){
$(this)parent()find('tr')removeClass('trSelected');
$(this)addClass('trSelected');
});
function submitfunc(){
var versionArr=$("trSelected")find("td:eq(0)")text();
if(versionArrlength != 1){
alert(versionArr);
}
}
$("tr :checkbox:checked")each(function(i,dom){
var tr = $(dom)closest("tr");
consolelog(tr);
});
$("tr :checkbox:not(:checked)")each(function(i,dom){
var tr = $(dom)closest("tr");
var tds = trfind("td");
consolelog(tds);
});
比如
<table><tr>
<td><input type="checkbox" checked/></td>
<td>1</td>
</tr>
</table>
可以用以下代码获取到 1
$(function(){$("input:checked")parents('tr')find('td')eq(1)text();
})
首先需要对table的id或者name进行获取。如:
<table name="table" id="table"></table>
JS获取table的id或者name就是getElementsByName("table"),getElementsById("table")来获取这个table;
其次需要调用对象的cells属性来获取到行属性。
最后需要调用对象的innerHTML来获取这一行的内容。下面是实例:
<td onclick= "updateline(this)">< /td>
< script>
function getLine(line){
if (linegetElementsByName('table'))
return false;
for (var i=0; i<linecellslength;i++){
var str[i] = linecells[i]innerHTML;
}
}
</script>
int[] selection = tablegetSelectedRows();
for (int i = 0; i < selectionlength; i++) {
selection[i] = tableconvertRowIndexToModel(selection[i]);
}
以上就是关于jqgrid subGridRowExpanded出来的子表格如何获取选中的行全部的内容,包括:jqgrid subGridRowExpanded出来的子表格如何获取选中的行、如何获取DATATABLE中的某一列某一行的值、html上获取鼠标选中的那一行表格点击按钮获得该行的信息进行相应的 *** 作等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)