fastadmin渲染动态创建的下拉列表


fastadmin动态创建的下拉列表渲染,可以使用下面的代码:

$('.membership-selectpicker').selectpicker('refresh');

如果需要默认选中值,可以参考下面的代码:

$('.membership-partnerid').selectpicker('val', 1);

上面的方法需要修改js文件顶部代码:

define(['jquery', 'bootstrap', 'backend', 'table', 'form','bootstrap-select'], function ($, undefined, Backend, Table, Form, Select) {

引入bootstrap-select即可。

下面是完整代码参考:

表单元素代码

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('Service Type')}:</label>
    <div class="col-xs-12 col-sm-8">
        <select data-rule="required" title="{:__('Service Type')}" class="form-control selectpicker membership-selectpicker" name="<%=name%>[<%=index%>][servicetype]">
            <option value="Full">{:__('Full')}</option>
            <option value="Odd">{:__('Odd')}</option>
            <option value="Even">{:__('Even')}</option>
            <option value="Else">{:__('Else')}</option>
        </select>
    </div>
</div>

js代码

define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'bootstrap-select'], function ($, undefined, Backend, Table, Form, Bselect) {
    var Controller = {
        add: function () {
            $(document).on('fa.event.appendfieldlist', '.btn-append', function () {
                $('.membership-selectpicker').selectpicker('refresh');
            });

            Controller.api.bindevent();
        },
    };
    return Controller;
});