zoukankan      html  css  js  c++  java
  • bootstrap-table设置select过滤器值(filterData)

    filterControl设置select(选择控件),默认是数据当前不重复,但如果是分页或者筛选数据时,select的数据就不完整

    filterData

    bootstrap-table官网上有三种方法设置select过滤器的值,用于var:variable从变量url:http://www.example.com/data.json加载或从远程json文件json:{key:data}加载或从json字符串加载。

    1、var格式

    <th data-field="grade" data-sortable="true" data-filter-control="select" data-filter-data="var:grade">評級</th>
    var grade = {
        "A": "A",
        "A+": "A+",
        "B": "B",
        "B+": "B+",
        "C": "C",
    };

    2、URL格式(不推荐)

    控制器格式键值对,否则url就获取不到

        public function options()
        {
            $list = User::order("name asc")->column('name', 'uid');return json($list);
        }

    HTML:

    <th data-field="users" data-filter-control="select" data-filter-data="url:http://localhost:8080/index/users/options">用户</th>

    注:如果网络有延迟,不推荐使用url

    3、json格式

    控制器:

    public function getImmigrant()
    {
        $where2 = [
            ["module_name", '=', 'customer'],
            ["type_id", '=', 'immigrant'],
        ];
        $immigrant = Mapping::where($where2)->column("name", "name");
        View::assign([
            'getImmigrant'=>$immigrant
        ]);
        return View::fetch('index');
    }

    JS:

    var getImmigrant = {:json_encode($getImmigrant)};
    
    
    {
        field: 'immigrant',
        title: '移民國家',
        filterControl: 'select',
        filterData:"json:"+JSON.stringify(getImmigrant)
    }

    注:getImmigrant要经过转码,因为直接输出json和数组会报错

    官网文档:https://www.bootstrap-table.com.cn/examples/methods/get-all-selections/

  • 相关阅读:
    mvc页面中,显示自定义时间格式
    时间格式字符串中,大小写字母的解释
    subversion SVN global ignore pattern
    .net项目svn项目管理文件清单
    nopcommerce插件相关
    vs2013执行Add-Migration出现的问题
    jquery为多个元素添加事件
    在JavaScript中创建命名空间的几种写法
    Python 创建XML 的三种方式
    Python 对网页操作的方法, urllib ;requests
  • 原文地址:https://www.cnblogs.com/bushui/p/13591003.html
Copyright © 2011-2022 走看看