• select2 插件编辑时设置默认值


    function htDate(selectCustomerId, val) {
        var customerId = selectCustomerId;
        var values = val;
        ajaxJson('GET', webroot + "/customer/getOptionList", '', function(err, rsp) {
            if (rsp.code == 200) {
                var text = rsp.result;
                customerId.select2({
                    placeholder: "请选择客户",
                    allowClear: true,
                    language: "zh-CN",
                     '410px'
                        // data:text,
                });
    
                //绑定Ajax的内容
                customerId.empty(); //清空下拉框
                $.each(text, function(i, item) {
                    customerId.append("<option value='" + item.id + "'>&nbsp;" + item.name + "</option>");
                });
                /*设置默认值*/
                $(customerId).val(values);
            } else {
                // hint(rsp.message);
                console.log(rsp);
            }
        })
    }
    //使用
    var customer = $("#customerId");
    var val = data.customerId;
    htDate(customer, val);

     ajax 请求数据的时候

    
    

    var jz_roomId = $('#jz_roomId');
    $(jz_roomId).select2({
    dropdownParent: $(".customerRoomIdModal"),
    ajax: {
    url: webroot + '/spaceRoom/listRoom',
    dataType: 'json',
    delay: 250,
    type: 'POST',
    contentType: "application/json",
    data: function(params) {
    var paramss = {
    code: params.term
    };
    return JSON.stringify(paramss);
    },
    processResults: function(data, params) {
    //请求接口返回数据
    params.page = params.page || 1;
    return {
    results: data.result
    };
    },
    cache: true
    },
    //options
    language: "zh-CN",
    placeholder: '请输入房间号',
    allowClear: true,
    '300px',
    //键盘选择事件
    escapeMarkup: function(markup) {
    return markup;
    },
    minimumInputLength: 1,
    templateResult: formatRepo,
    templateSelection: formatRepoSelection
    });


    //
    再次加载默认值. 赋值.
    var roomName = $(e).parent().parent().parent().find('td').eq(1).text();
    var option = new Option(roomName, editResult.roomId, true, true); 
    $('#jz_roomId').append(option);
    $('#jz_roomId').trigger('change');//使用这个方法显示到select2上.
  • 相关阅读:
    杨晓峰-Java核心技术-6 动态代理 反射 MD
    ARouter 路由 组件 跳转 MD
    领扣-5 最长回文子串 Longest Palindromic Substring MD
    算法 递归 迭代 动态规划 斐波那契数列 MD
    二叉树 遍历 先序 中序 后序 深度 广度 MD
    算法 数组中出现次数最多的数字 MD
    领扣-754 到达终点数字 Reach a Number MD
    领扣-1/167 两数之和 Two Sum MD
    文件 File 常见操作 工具 MD
    IO流 简介 总结 API 案例 MD
  • 原文地址:https://www.cnblogs.com/Byme/p/8485384.html
Copyright © 2020-2023  润新知