当前位置: 首页 > 工具软件 > Fast EL > 使用案例 >

fastadmin-fieldllist,设置下拉框及修改默认值

东弘扬
2023-12-01

    <div class="form-group row">
        <label class="control-label col-xs-12 col-sm-2">{:__('Spec')}:</label>
        <div class="col-xs-12 col-sm-8">
            <table class="table table-responsive fieldlist" data-name="row[spec]" data-template="testtpl" data-tag="tr"> // 重点  data-name="row[spec]"
                <tr>
                    <td>规格</td>
                    <td>工艺</td>
                    <td>价格</td>
                </tr>
                <tr>
                    <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a></td>
                </tr>
                <textarea name="row[spec]" class="form-control hide" cols="30" rows="5"></textarea>
            </table>
        </div>
    </div>
    
<script type="text/html" id="testtpl">
    <tr class="form-inline">
        <td> <input  data-rule="required" data-source="catespec/index"  class="form-control selectpage" name="[<%=name%>][<%=index%>][spec]" type="text" value=""  size="30"></td>
        <td> <input  data-rule="required" data-source="catecraft/index"  class="form-control selectpage" name="[<%=name%>][<%=index%>][craft]" type="text" value="" size="30"></td>
        <td><input data-rule="required" type="text" name="[<%=name%>][<%=index%>][price]" class="form-control" value="" size="10"></td>
        <td><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></td>
    </tr>
</script>



        Controller.api.fieldlistBind();
        
  fieldlistBind: function () {
                $(document).on(
                    "fa.event.appendfieldlist",
                    ".btn-append",
                    function (e, el) {// e:事件对象 el:当前行对象
                        $(".selectpage", el).selectPage({
                            eSelect: function (data, self) {
                                // data 为当前选中列表项的接口数据对象
                                // ......实现逻辑
                                let index = $(self.elem.combo_input).data("index");// 获取行索引
                                let name = $(el).closest("table").data("name"); // 获取字段名称
                                let elStr =
                                    "input[name='" +
                                    name +
                                    "[" +
                                    index +
                                    "][price]']"; // 组装好赋值文本元素选择器
                                $(elStr, el).val(data.price); // 赋值
                            },
                            eAjaxSuccess: function (data) {
                                data.list =
                                    typeof data.rows !== "undefined"
                                        ? data.rows
                                        : typeof data.list !== "undefined"
                                        ? data.list
                                        : [];
                                data.totalRow =
                                    typeof data.total !== "undefined"
                                        ? data.total
                                        : typeof data.totalRow !== "undefined"
                                        ? data.totalRow
                                        : data.list.length;
                                return data;
                            },
                        });
                    }
                );
            },

参考 - https://ask.fastadmin.net/article/27744.html

 类似资料: