function parseMaterial(data) {
//'code': res.code == 200 ? 0 : res.code, //接口状态
// 'msg': res.message, //提示文本
// 'count': res.code == 200 ? res.obj.total : 0, //数据长度
// 'data': res.code == 200 ? res.obj.records : [] //数据列表,是直接填充进表格中的数组
console.log('parseData:' + data)
if (data.code != 200) {
layer.msg(
'查询物料失败:'+ res.message, {
icon: 5
}
);
console.log('return []')
return [];
}
var materials = []
for (var i = 0; i < data.obj.records.length; i++) {
var item = data.obj.records[i]
materials.push({value: (item.materialNumber + '&split;' +item.model), name: (item.model + '-' +item.spec)})
}
console.log('return materials,', materials)
return materials;
}
function initMaterialSelect(b) {
var divId = '#material_div_' + b
console.log("initMaterialSelect_" +b + ", divId:" + divId)
var ins = selectInput.render({
// 容器id,必传参数
elem: divId,
id: ('material_' + b),
name: 'material', // 渲染的input的name值
initValue: (''), // 渲染初始化默认值
placeholder: '请输入开票名称关键字', // 渲染的inputplaceholder值
// 联想select的初始化本地值,数组格式,里面的对象属性必须为value,name,value是实际选中值,name是展示值,两者可以一样
data: [
{value: 'a', name: 'b'},
],
url: ctx + "/mainMaterial/list", // 异步加载的url,异步加载联想词的数组值
remoteSearch: true,// 是否启用远程搜索 默认是false,和远程搜索回调保存同步
// 解析回调,如果你的异步返回的data不是上述的data格式,请在此回调格式成对应的数据格式,回调参数是异步加载的数据
// parseData: function (data) {
// console.log('parseData in' , data)
// return data;
// },
error: function (error) { // 异步加载出错的回调 回调参数是错误msg
console.log('error')
layer.msg(
'查询物料失败:'+ error, {
icon: 5
}
);
},
done: function (data) { // 异步加载成功后的回调 回调参数加载返回数据
console.log('done')
},
remoteMethod: function (value, cb) { // 远程搜索的回调函数
// value 是input实施输入的value值
// cb是回调处理函数,请在执行ajax搜索请求成功之后执行此回调函数
//案例
//这里如果val为空, 则不触发搜索
// if (!value) {
// return cb({code: 200, obj:{records:[]}});
// }
//这里的$.ajax去请求后台拿回数据
console.log('remoteMethod:' + ctx + "/mainMaterial/list?model=" + value)
$.ajax({
method: 'get',
url: ctx + "/mainMaterial/list?model=" + value,
data: {
keyword: value,
},
success: function (data) {
console.log(data)
return cb(parseMaterial(data))
}
})
}
});
}
没有合适的资源?快使用搜索试试~ 我知道了~
layui 输入筛选选择 插件 基于https://layui.tool.hi.cn/extend/selectInput/in
共1个文件
txt:1个
需积分: 0 0 下载量 46 浏览量
2024-01-31
10:23:05
上传
评论
收藏 2KB RAR 举报
温馨提示
layui 输入筛选选择 插件 基于https://layui.tool.hi.cn/extend/selectInput/in
资源推荐
资源详情
资源评论
收起资源包目录
formSelects-demo.rar (1个子文件)
demo
demo.txt 4KB
共 1 条
- 1
资源评论
qq_38377551
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功