博客

样式：

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

位置: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();//刷新下拉列表以显示选项
    })  
},