layui-xtree 設置單選框,只能選一個


以下是js代碼,首先獲取所有節點,再設置只有當前點擊的節點狀態為選中狀態

$.ajax({
    type: 'get',
    url: url,
    error: function(err){
        layer.alert(JSON.stringify(err.field), {
            title: '錯誤提示'
        })
    },
    success: function(res){
        if(res.code == 0){
            userRoleTree = new layuiXtree({
                elem: 'userRoleTree'    //(必填) 放置xtree的容器,樣式參照 .xtree_contianer
                , form: form        //(必填) layui 的 from
                , data: res.data    //(必填) json數據
                , click: function (data) { //節點選中狀態改變事件監聽,全選框有自己的監聽事件
                    //設置只能單選
            //獲取所有選中節點
                    var oCks = userRoleTree.GetChecked();
            // 循環數組,如果值不等於當前選中的值,將選中狀態設為false
                    for (var i = 0; i < oCks.length; i++) {
                        if(oCks[i].value!=data.value) {
                            $(oCks[i]).prop("checked",false)
                        }
                    }
                    form.render('checkbox');
                }
            });
        }
    }
});

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM