jquery datatable 如何获取隐藏列的值

jquery datatable 如何获取隐藏列的值,第1张

var tableTest; function initTable(){ tableTest = $('#tableTest')dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "aaData": [ ['101', 'aaa', '91,1', '2012-10-10', 'X'], ['102', 'bbb', '92,5', '2012-3-19', 'X'], ['103', 'ccc', '89,5', '2013-3-21', 'X'], ['105', 'eee', '95', '2011-11-11', 'C'], ['104', 'ddd', '91', '2013-2-22', 'X'] ], 'aaSorting':[ [1,'asc'],[2,'asc'] ], 'aoColumns':[ {'sTitle':'ID', 'sWidth':'20%','sClass':'center'}, {'sTitle':'Name', 'sWidth':'20%','sClass':'center'}, {'sTitle':'Score','sWidth':'20%','sClass':'center'}, {'sTitle':'Date', 'sWidth':'20%','sClass':'center'}, {'sTitle':'downLoad', 'sWidth':'20%',"bVisible": false,"bSearchable": false, 'sClass':'center', "mRender": function ( data, type, full ) { return '<input type="text" class="userName" value="'+data+'"/>'; }} ] }); $('#tableTest')find('userName')each(function(){ consolelog($(this)val()); }); }       有两个bVisible和bSearchable,如果设置bVisible:false,那么这列数据是不可访问的,bSearchAble:false是可以访问的,我感觉这边做的不是很好哎,就比方说我们一般都喜欢对表添加一列隐藏列,里面记录每行的id,方便数据访问,但是貌似这招这样不行。我想能不能用mReader来做,就比方上面代码,设置type='hidden',试验发现不行,看来我是明显天真了。但是想到mReader:function(data,type,full)其中的full就是这一列的所有信息,试验了一下,的却访问隐藏的那一列,那么通过这种变相的方法就可以访问隐藏的数据了。      总结一下,可以通过mReader:function(data,type,full)中的full参数获取一行所有信息(包括隐藏列),获取到的是一列字符串,然后通过spilt转换位数组,然后选取第几个。

东西这个我得说下了

先获得你拖动的那里列的tr

然后jquery 里面有个相当好用的方法 :nth-child 你自己可以去琢磨琢磨

:nth-child 返回值:Array<Element(s)>概述匹配其父元素下的第N个子或奇偶元素':eq(index)'

只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的!可以使用:

nth-child(even)

:nth-child(odd)

:nth-child(3n)

:nth-child(2)

:nth-child(3n+1)

:nth-child(3n+2)参数indexNumber要匹配元素的序号,从1开始示例描述:在每个 ul 查找第 2 个liHTML 代码:<ul>

<li>John</li>

<li>Karl</li>

<li>Brandon</li>

</ul>

<ul>

<li>Glen</li>

<li>Tane</li>

<li>Ralph</li>

</ul>jQuery 代码:$("ul li:nth-child(2)")结果:[ <li>Karl</li>, <li>Tane</li> ]

<table>

<tr><td>行1列1</td><td>行1列2</td><td>行1列3</td></tr>

<tr><td>行2列1</td><td>行2列2</td><td>行2列3</td></tr>

</table>

来个点击的

$("table tr")click(function()

{

var $this = $(this);

//$this就是这个行,你点哪行,哪行就有反应。

})

提供你2中思路,具体代码就不写了

生成表的时候给修改链接一个id,id保存当前行的主键比如id="tid"+主键,为它添加onclick方法,

var id=thisidreplace("tid",""); 获取到主键

把主键拿到数据库中查到相应的数据行,赋值给表单,完成!

var parents=$(this)parent()parent();  获得tabel行

$(parents)find("td")each(function(){

根据列的顺序赋值给相应的表单元素

})

这个方法有局限性,数据是从当前页面中取得并不是实时读取数据库,如果数据在他处有更改是取不到最新的数据的。

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ";

我这里引用的是183的JQ,别的版本你试试看可以不~还有就是我用的是d出~你可以自己再改成写到BODY上的~反正参数都有了~你自己调用就行了~

1、在html中定义一个表格table,并且给其这只一个id

2、定义一个js函数,在函数中利用jquery的链式语法获取table下的所有td

3、结果得到一个包含table下的所有td的数组

示例:

html代码:

<table id="mytable">

    <tr><td>第一行</td></tr>

    <tr><td>第二行</td></tr>

    <tr><td>第三行</td></tr>

</table>

js代码:

function getAllTd(){

    var tdArr = $('#mytable tr td');

    alert(tdArrlength);

}

以上就是关于jquery datatable 如何获取隐藏列的值全部的内容,包括:jquery datatable 如何获取隐藏列的值、利用jquery怎么遍历table中的一列、用jquery 得到选择table 某一行的数据、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存