jqgrid subGridRowExpanded出来的子表格如何获取选中的行

jqgrid subGridRowExpanded出来的子表格如何获取选中的行,第1张

表格也是一个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上获取鼠标选中的那一行表格点击按钮获得该行的信息进行相应的 *** 作等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9821698.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存