【问题标题】:Bootstrap datatables sorting引导数据表排序
【发布时间】:2016-11-09 14:13:47
【问题描述】:

我有一个小问题,我正在使用数据表来显示一些值,例如名称、国家(隐藏)和地点。 如果我选择一个国家,我希望该地点的第二个过滤器仅显示所选国家/地区的城市。 是否有数据表选项可以这样做?

我希望这是正确的位置。

    var dtColumnfilters = {
    init: function() {
        $('#c4s-datatable-trainings_wrapper').children('.row').append('<div class="col-xs-12"><div class="c4s-datatable-filter"><span id="filter-country" class="filter"></span><span id="filter-city" class="filter"></span></div></div>');
        $('#c4s-datatable-trainings.admin').dataTable().columnFilter({
            aoColumns: [
                null,
                {sSelector: '#filter-country', type: 'select'},
                {sSelector: '#filter-city', type: 'select'},
                null
            ]
        });
        $('#c4s-datatable-trainings.account').dataTable().columnFilter({
            aoColumns: [
                null,
                null,
                null,
                {sSelector: '#filter-city', type: 'select'},
                null
            ]
        });
        // STYLE FOR FILTERS
        $('.c4s-datatable-filter select').removeClass('input-sm').addClass('bs-select').attr('data-live-search','true').attr('data-style','btn-default btn-xs');
    }
};

【问题讨论】:

  • "是否有数据表选项可以这样做" ...数据表或其他任何东西应该如何知道哪些城市属于哪些国家?您可以轻松创建一个过滤器,根据您希望的任何标准去除行,但您需要自己执行逻辑。

标签: javascript jquery twitter-bootstrap datatables


【解决方案1】:

在我看来,这不是数据表应该负责的事情。 (或能够)

您可以考虑根据数据属性国家/地区过滤地点。 data-country="COUNTRYCODE or ID" 如果加载所有地点的时间太长,您也可以考虑在选择国家/地区后使用 Ajax 加载您需要的地点。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-02-12
    • 1970-01-01
    • 2016-02-27
    • 2019-07-22
    • 2016-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多