fastadmin下拉列表选择数据，将关联数据一同带出

25号底片~

已于 2023-01-31 16:24:49 修改

阅读量1.6k

点赞数 1

分类专栏： fastadmin 文章标签： javascript html 前端 Powered by 金山文档

于 2023-01-29 15:41:29 首次发布

本文链接：https://blog.csdn.net/weixin_46001736/article/details/128789732

版权

fastadmin 专栏收录该内容

34 篇文章 3 订阅

订阅专栏

样式：

一、在前端中设置下拉列表样式

位置:application/admin/view/pim/test/add.html（这里在添加页面进行设置）

 <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Customer_code')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-customer_code" data-rule="required" class="form-control selectpage" data-source="sale/salefunction/customers" data-field="customer_code" data-primary-key="customer_code" data-pagination="true" data-page-size="5" name="row[customer_code]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Customer_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-customer_name" data-rule="required" class="form-control" name="row[customer_name]" type="text">
        </div>
    </div>

二、在控制器中存入需要带出的数据

位置：application/admin/controller/pim/Test.php

protected $selectpageFields = "id,customer_code,customer_name";

三、在js中

位置:public/assets/js/backend/pim/test.js

add: function () {
    Controller.api.bindevent();
    $('#c-customer_code').data("eSelect",function(data){//对需要改变的数据进行监听，如果选中id为c-customer_code的值，就更改下面的值
        $('#c-customer_name').val(data.customer_name);//将id为-customer_name的值更改为控制器中的customer_name
    })  
},

只需要对下方标红部分进行修改

$('#c-customer_code').data("eSelect",function(data){
//对需要改变的数据进行监听，如果选中id为c-customer_code的值，就更改下面的值
$('#c-customer_name').val(data.customer_name);
//将id为-customer_name的值更改为控制器中的customer_name
})

注：如果需要带出的数据所在input为下拉列表，需要在js中对指定id进行刷新

$('#id的值').selectPageRefresh();

add: function () {
    Controller.api.bindevent();
    $('#c-customer_code').data("eSelect",function(data){//对需要改变的数据进行监听，如果选中id为c-customer_code的值，就更改下面的值
        $('#c-customer_name').val(data.customer_name);//将id为-customer_name的值更改为控制器中的customer_name
        $('#c-customer_name').selectPageRefresh();//刷新下拉列表以显示选项
    })  
},