jQuery数据表自定义排序和过滤
Posted
技术标签:
【中文标题】jQuery数据表自定义排序和过滤【英文标题】:jQuery datatable custom sorting and filtering 【发布时间】:2013-04-09 19:25:44 【问题描述】:我在我的 MVC4 应用程序中使用 jquery 数据表。最简单的jquery数据表配置。
事实上,我已经将这个小的 jquery sn-p 放在了我的 layout.cshtml 文件中,它将处理我的应用程序中的所有表,而无需进行任何自定义。
$(".dataTable").dataTable(
"bJQueryUI": true,
"sPaginationType": "full_numbers"
).columnFilter();
当我使用<thead>, <tbody> and <tfoot>.
格式化表格时,这非常有效
这是图片:
当然,并非一切都适用于这个基本配置。
问题
付款状态列不仅包含一些文本,还包含一个跨度和一个隐藏的下拉列表。点击<td>
,span 被隐藏并且下拉菜单变得可见。在下拉更改时,它会恢复为可见的跨度和隐藏的下拉列表。
代码:
<td class=" " paymentid="106">
<span>
Completed
</span>
<select name:"paymentstatus"="" style="display:none;" onchange="changepaymentStatus($(this).parent().attr('paymentId'),$(this).val(),10);">
<option value="0" selected="'selected'">Completed</option>
<option value="1">Pending</option>
<option value="2">Cancelled</option>
</select>
</td>
由于<td>
元素中存在所有这些混乱,它根本无法过滤(对于该列并且排序工作不正确(对于该列)。
【问题讨论】:
【参考方案1】:您好,看看这个http://datatables.net/examples/plug-ins/sorting_sType.html,它将为您完成这项工作。
【讨论】:
以上是关于jQuery数据表自定义排序和过滤的主要内容,如果未能解决你的问题,请参考以下文章
为 jQuery 数据表实现自定义 sSortType 和排序函数
Amplify AppSync:使用分页进行自定义排序和过滤