如何使用columnFilter插件自动填充下拉列表中的数据列表

用户名

我使用的是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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用JavaScript自动选择jsp下拉列表中的值以查看填充数据

如何自动显示数据列表的下拉列表?

如何设置自动填充下拉列表的样式

如何使用Angular 6实现数据填充的下拉列表

如何在React中使用api数据填充下拉列表?

如何使用MVC从数据库表填充下拉列表?

尝试使用 sql 表中的数据填充 php 下拉列表

如何使用下拉列表中的其他工作表中的数据填充表

选择下拉列表后如何使用从mysql表中获取的数据填充多个文本框

如何使用API中的数据填充选择下拉列表元素-ReactJS

在 JavaScript 中从 JSON 数据填充下拉列表

下拉列表中未填充API数据

使用JSON数据动态填充下拉列表

如何使用AngularJS从JSON Feed中填充选择下拉列表?

从 React 中的选择选项下拉列表填充字段 A 后,如何自动填充字段 B

如何动态填充jQuery中的下拉列表?

如何使用JavaScript填充下拉列表?

如何使用AngularJS填充下拉列表值

如何使用视图模型填充下拉列表

如何使用Slamdata报告填充下拉列表

使用CodeIgniter填充表单中的下拉列表

使用Ajax在Django中填充下拉列表

无法在相关下拉列表中的更新期间自动填充数据

如何使用@EnvironmentObject 在 SwiftUI 中自动填充和更新列表?

选择下拉列表时如何自动填充文本框

从jquery的自动填充下拉列表中获取值未显示

如何基于另一个php下拉列表中的选择自动填充drodown?

如何使用下拉列表中所选对象的属性自动填充文本框

使用下拉列表在Java中创建自动填充文本框