我使用的是jQuery DataTables的columnFilter插件,除了可以使自定义过滤器select
正常工作之外,其他所有方法都可以正常工作,因此它们可以从数据中自动填充。该文件认为,在所有需要显示指定的值。即,{ type: "select" }
但它不起作用,仅在下拉列表中显示列名,但没有数据。
屏幕截图-drop-down
未显示表格中的曲目列表。
这是供您检查的columnFilter代码:
$('#myDataTable').dataTable().columnFilter({
aoColumns: [
null,
{ sSelector: "#dateselectorFilter", type: "date-range" },
{ sSelector: "#trackselectorFilter", type: "select" },
null,
null
]
}
);
});
type: "select"
应该提取drop-down
列表中的所有值。
C#控制器代码:我需要在此处定义列表吗?即.ToList()
如果是这样,那我该怎么办?
filteredTracks = filteredTracks.Where(c => (trackFilter == "" || c.TrackName.ToLower().Contains(trackFilter.ToLower()))
这是我拥有的完整jQuery dataTable代码:
$(document).ready(function () {
$.datepicker.regional[""].dateFormat = 'dd/mm/yy';
$.datepicker.setDefaults($.datepicker.regional[''])
$('#myDataTable').dataTable({
"oLanguage": {
"sSearch": "Search Tracks: ",
},
"bServerSide": true,
"sAjaxSource": "AjaxHandler",
"bProcessing": true,
"sScrollY": "150",
"bFilter": true,
"bPaginate": true,
"bRetrieve": true,
"bDestroy": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 150,
"aoColumns": [
{ "mData": "TrackID" },
{
"mData": "Date", "bSortable": false,
"fnRender": function (obj, val) {
var dx = new Date(parseInt(val.substr(6)));
var dd = dx.getDate();
var mm = dx.getMonth() + 1;
var yy = dx.getFullYear();
if (dd <= 9) {
dd = "0" + dd;
}
if (mm <= 9) {
mm = "0" + mm;
}
return dd + " / " + mm + " / " + yy;
}
},
{ "mData": "TrackName" },
{ "mData": "ArtistName" },
{ "mData": "Times" }
]
});
$('#myDataTable').dataTable().columnFilter({
aoColumns: [
null,
{ sSelector: "#dateselectorFilter", mData: "Date", type: "date-range" },
{ sSelector: "#trackselectorFilter", type: "select" },
null,
null
]
}
);
});
任何帮助将是巨大的:)谢谢
好吧,您可以找到可以解决所有问题的此链接http://www.codeproject.com/Articles/155422/jQuery-DataTables-and-ASP-NET-MVC-Integration-Part
来到您的问题问:
第一:您可以将ToList应用到无限的范围内,这样才可以应用ToList,这样的前提是里面的不匹配就不会有任何问题list<mode1> and ienumarable<model2>
。确保两个型号相同
第二:要在dropdwon中填充列表,您必须进行单独的调用:
{
indicator: 'Saving...',
tooltip: 'Click to select town',
loadtext: 'loading...',
type: 'select',
onblur: 'submit',
loadurl: 'AjaxDataProvider1'
}
干杯
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句