<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