大佬教程收集整理的这篇文章主要介绍了使用jQuery进行表操作,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
编辑:感谢您的回复.我正在使用带有组合框的数据表作为predrag建议,其中填充了列中的所有值(不仅仅是显示页面上的值),但是当我选择一个值时,它似乎没有触发重新加载网格的事件.这是我在页面上的jQuery代码:
<script type="text/javascript"> $(document).ready(function() { <!-- Sorting and pagination --> var oTable = $('#mainTable').dataTable( { "bJQueryUI": true,"sPaginationType": "full_numbers","bFilter": false }); <!-- Filtering --> $("thead td").each(function(i) { this.innerHTML = fnCreateSelect(oTable.fnGetColumnData(i)); $('select',this).change(function() { oTable.fnFilter($(this).val(),i); }); }); }); </script>
另外,我已将这些函数添加到jquery.dataTables.js的底部,如下所示:http://datatables.net/examples/api/multi_filter_select.html
(function ($) { /* * Function: fnGetColumnData * Purpose: Return an array of table values from a particular column. * Returns: array string: 1d data array * Inputs: object:oSettings - dataTable settings object. This is always the last argument past to the function * int:iColumn - the id of the column to extract the data from * bool:bUnique - optional - if set to false duplicated values are not filtered out * bool:bFiltered - optional - if set to false all the table data is used (not only the filtered) * bool:bIgnoreEmpty - optional - if set to false empty values are not filtered from the result array * Author: Benedikt Forchhammer <b.forchhammer /AT\ mind2.de> */ $.fn.dataTableExt.oApi.fnGetColumnData = function (oSettings,iColumn,bUnique,bFiltered,bIgnoreEmpty) { // check that we have a column id if (typeof iColumn == "undefined") return new Array(); // by default we only wany unique data if (typeof bUnique == "undefined") bUnique = true; // by default we do want to only look at filtered data if (typeof bFiltered == "undefined") bFiltered = true; // by default we do not wany to include empty values if (typeof bIgnoreEmpty == "undefined") bIgnoreEmpty = true; // list of rows which we're going to loop through var aiRows; // use only filtered rows if (bFiltered == true) aiRows = oSettings.aiDisplay; // use all rows else aiRows = oSettings.aiDisplayMaster; // all row numbers // set up data array var asResultData = new Array(); for (var i = 0,c = aiRows.length; i < c; i++) { iRow = aiRows[i]; var aData = this.fnGetData(iRow); var sValue = aData[iColumn]; // ignore empty values? if (bIgnoreEmpty == true && sValue.length == 0) continue; // ignore unique values? else if (bUnique == true && jQuery.inArray(sValue,asResultData) > -1) continue; // else push the value onto the result data array else asResultData.push(sValue); } return asResultData; } } (jQuery)); function fnCreateSelect(aData) { var r = '<select><option value=""></option>',i,iLen = aData.length; for (i = 0; i < iLen; i++) { r += '<option value="' + aData[i] + '">' + aData[i] + '</option>'; } return r + '</select>'; }
当我在fnFilter中设置断点并更改其中一个过滤器下拉框的值时,断点不会被击中,但是当我在fnCreateSelect中设置断点时它会被击中.难道我做错了什么?
以上是大佬教程为你收集整理的使用jQuery进行表操作全部内容,希望文章能够帮你解决使用jQuery进行表操作所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。