fastadmin 键值组件(Fieldlist) 图片上传与动态下拉 |
您所在的位置：网站首页 › 细胞荧光拍照 › fastadmin 键值组件(Fieldlist) 图片上传与动态下拉 |
|
一、对应的js修改 1.引入selectpage ，注:这里一定要引入，不然会有bug define(['jquery', 'bootstrap', 'backend', 'table', 'form','selectpage'], function ($, undefined, Backend, Table, Form,selectPage) 复制代码2.动态下拉与控制上传 add: function () { Controller.api.bindevent(); Controller.api.fieldlistBind() //控制动态下拉 //控制上传 $(document).on("fa.event.appendfieldlist", "#add-form .btn-append", function (e, obj) { Form.events.faupload(obj); Form.events.faselect(obj); }) }, edit: function () { Controller.api.bindevent(); Controller.api.fieldlistBind() $(document).on("fa.event.appendfieldlist", "#edit-form .btn-append", function (e, obj) { Form.events.faupload(obj); Form.events.faselect(obj); }) }, api: { bindevent: function () { Form.api.bindevent($("form[role=form]")); }, fieldlistBind: function () { $(document).on( "fa.event.appendfieldlist", ".btn-append", function (e, el) {// e:事件对象 el:当前行对象 $(".selectpagea", el).selectPage({ eSelect: function (data, self) { console.log(data,'hha') // data 为当前选中列表项的接口数据对象 // ......实现逻辑 let index = $(self.elem.combo_input).data("index");// 获取行索引 页面需要加一个 data-index="" let name = $(el).closest("table").data("name"); // 获取字段名称 let title = "input[name='row[" + name + "][" + index + "][title]']"; // 组装好赋值文本元素选择器 给定义模板title赋值 $(title, el).val(data.name); // 赋值 let image = "input[name='row[" + name + "][" + index + "][image]']"; // 组装好赋值文本元素选择器 给定义模板title赋值 $(image, el).val(data.imageurl); // 赋值 let market_price = "input[name='row[" + name + "][" + index + "][price]']"; // 组装好赋值文本元素选择器 给定义模板title赋值 $(market_price, el).val(data.market_price); // 赋值 $("#c-image"+index).trigger("change") //触发change事件，不然动态赋值的image不会显示图片 }, 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; }, }); } ); } } 复制代码注:这里动态赋值默认下拉只会返回data-field="变量" 设置的这个变量和id 这个时候如果需要让selectpag返回其它的值，比如我上面的图片和价格就需要修改 app\common\controlle\Backend 该控制器中找到 selectpage方法在584行左右加上代码 ，这里根据你的情况而定 if(isset($item['image'])){ $result['imageurl'] = $item['image']; } if(isset($item['market_price'])){ $result['market_price'] = $item['market_price']; } 复制代码二、对应的html添加 {:__('Goods')}: 优惠券(与商品2选1) 商品名称 图片 价格 数量 追加 {} 复制代码小伙伴们!这样就完成了哦! QQ学习交流群:842167453,欢迎小伙伴加入一起学习。 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |