Fastadmin Selectpage下拉列表实现二级联动，多级联动

fastadmin input实现2级联动 多级联动
添加add页面如下效果。

add.html

 

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('水厂')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-waterworks_id" data-rule="required" data-field="waterworks_name" data-source="waterworks/index" class="form-control selectpage" name="row[waterworks_id]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('设备间')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-waterworks_type_id" data-rule="required" data-field="device_name" data-source="waterworks_device/index" class="form-control selectpage" name="row[device_id]" type="text" value="">
        </div>
    </div>

 
关联的控制器都有 waterworks/index ；waterworks_device/index；
waterworks/index这个控制器方法不用动。
waterworks_device/index这个控制器里的方法如下

 

$param1 = $this->request->param();
if(!empty($param1['custom'])){
    $where1['waterworks_id'] = $param1['custom']['waterworks_id'];
}else{
    $where1 = "id > 0";
}
$list = $this->model
    ->where($where)
    ->where($where1)
    ->order($sort, $order)
    ->limit($offset, $limit)
    ->select();

 
js中的代码：

 

add: function () {
            $("#c-waterworks_type_id").data("params", function(){
                return {custom: {waterworks_id: $("#c-waterworks_id").val()}};
            });
            Controller.api.bindevent();
        },
        edit: function () {
            $("#c-waterworks_type_id").data("params", function(){
                return {custom: {waterworks_id: $("#c-waterworks_id").val()}};
            });
            Controller.api.bindevent();
        },

 
这样添加页面就可以实现2级联动了。3级联动也是如此。

下面是修改页面
edit.html

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('水厂')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-waterworks_id" data-rule="required" data-field="waterworks_name" data-source="waterworks/index" class="form-control selectpage" name="row[waterworks_id]" type="text" value="{$row.waterworks_id}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('设备间')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-waterworks_type_id" data-rule="required" data-field="device_name" data-source="waterworks_device/index" class="form-control selectpage" name="row[device_id]" type="text" value="{$row.device_id}">
        </div>
    </div>

 
主要是判断 有没有这个参数keyValue

以上两个控制器中写判断
waterworks.php/index
waterworks_device.php/index
两个控制器分别写上如下代码，根据自己需求修改你的字段。

 

foreach($list as $key=>$value){
                    $list[$key]['parent_id']=db('admin')->where('id',$value['parent_id'])->value('nickname');//所属客户
                    $list[$key]['operate_id']=db('admin')->where('id',$value['operate_id'])->value('nickname');//运维人员
                if($this->request->request("keyValue") && $this->request->request("keyValue") == $value['id']){
                    return ['total'=>1, 'list'=>[
                        ['id'=>$value['id'], 'waterworks_name'=>$value['waterworks_name']]
                    ]
                    ];
                }
            }

 
之后，修改页面的也实现了。