• 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/

  • 相关阅读:
    406. 根据身高重建队列 vector 自定义排序
    5552. 到家的最少跳跃次数 BFS
    5602. 将 x 减到 0 的最小操作数 双指针
    Hadoop Container is running beyond memory limits code143
    1122. 数组的相对排序 自定义排序
    328. 奇偶链表 链表
    127. 单词接龙 bfs
    5600. 第 K 条最小指令 组合数学
    5548. 最小体力消耗路径 二分
    1024. 视频拼接 dp
  • 原文地址:https://www.cnblogs.com/bushui/p/13591003.html
Copyright © 2020-2023  润新知