userpicker模块使用

作者: admin 分类: layui使用 发布时间: 2023-07-19 20:30

只要在点击元素中设置好data-ids="1,2,3" 和data-names='张三,李四,王五',插件会自动获取这两个属性并覆盖opts中的属性,也可以在参数中设置ids和names的值,但是:元素中的data-*会覆盖opts中的属性!!

点击元素:

                <div class="layui-form-item">
                    <label class="layui-form-label" style="">员工选择</label>
                    <div class="layui-input-block">
                        <input type="text" name="belong_name" value="" data-ids="2" data-names="钱海深"autocomplete="off" readonly lay-verify="required" lay-reqText="请选择客户归属人" placeholder="请选择客户归属人" class="layui-input">
                        <input type="hidden" name="belong_uid" value="2">
                        <input type="hidden" name="belong_did" value="1">
                    </div>
                </div>

javascript:

        userpicker.init({
            el:'input[name="belong_name"]',
            ids: '',
            names: '',
            type: 1,
            department_url: core.setter.request.url + "/admin/company/list",
            employee_url: core.setter.request.url + "/admin/user/user_list",
            params: {
                department: {
                    name: "title",
                    key: "cid",
                    pid: "pid",
                    children: "childs"
                },
                user: {
                    name: "nickname",
                    key: "uid"
                }
            },
            callback: function(ids, names, dids, departments) {
                $('[name="belong_uid"]').val(ids);
                $('[name="belong_name"]').val(names);
                $('[name="belong_did"]').val(dids);
                $('#department_name').html(departments);
            }
        });

 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

标签云