国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解layui中的樹形關(guān)于取值傳值問題

2019-11-19 14:31:09
字體:
供稿:網(wǎng)友

本文介紹了layui中的樹形關(guān)于取值傳值問題,分享給大家,具體如下:

這個(gè)是我們需要的效果,實(shí)際操作中會(huì)先執(zhí)行渲染 然后在執(zhí)行方法,然后我們發(fā)現(xiàn)樹形的JSON是空,調(diào)試了N遍一直以為是優(yōu)先級別的問題了。

最后解決方案是

<script type="text/javascript">  ////layui 的 form 模塊  var form = "";  layui.use(['form'], function () {    // $ = layui.jquery;    form = layui.form;    //獲取節(jié)點(diǎn)數(shù)據(jù)    getTreeData();    //return false;  });  function getTreeData() {    $.ajax({      //async: false,      type: "post",      url: "/api/WebFW//getOrgTree",      datatype: "json",      contenttype: "application/json; charset=utf-8",      success: function (jdata) {        var xtree1 = new layuiXtree({          elem: 'xtree1',          form: form,          data: strToJson(jdata),          isopen: true, //false初始關(guān)閉,true打開          click: function (data) { //節(jié)點(diǎn)選中狀態(tài)改變事件監(jiān)聽,全選框有自己的監(jiān)聽事件            console.log(data.elem); //得到checkbox原始DOM對象            console.log(data.elem.checked); //是否選中,true選中            alert(data.value); //彈出value值          }        });        //獲取選中val        document.getElementById('btn1').onclick = function () {          var oCks = xtree1.GetChecked();          for (var i = 0; i < oCks.length; i++) {            alert(oCks[i].value);          }        }        //子節(jié)點(diǎn)選中改變,父節(jié)點(diǎn)更改自身狀態(tài)        layuiXtree.prototype.ParendCheck = function (ckelem) {          var _this = this;          var xtree_p = ckelem.parentNode.parentNode;          if (xtree_p.getAttribute('class') == 'layui-xtree-item') {            var xtree_all = _this.getChildByClassName(xtree_p, 'layui-xtree-item');            var xtree_count = 0;            for (var i = 0; i < xtree_all.length; i++) {              if (_this.getChildByClassName(xtree_all[i], 'layui-xtree-checkbox')[0].checked) {                xtree_count++;              }            }            if (xtree_count <= 0) {              _this.getChildByClassName(xtree_p, 'layui-xtree-checkbox')[0].checked = false;              _this.getChildByClassName(xtree_p, 'layui-xtree-checkbox')[0].nextSibling.classList.remove('layui-form-checked');            } else {              _this.getChildByClassName(xtree_p, 'layui-xtree-checkbox')[0].checked = true;              _this.getChildByClassName(xtree_p, 'layui-xtree-checkbox')[0].nextSibling.classList.add('layui-form-checked');            }            this.ParendCheck(_this.getChildByClassName(xtree_p, 'layui-xtree-checkbox')[0]);          }        }        //渲染之前按照選中的末級去改變父級選中狀態(tài)        layuiXtree.prototype.ParentCheckboxChecked = function (e) {          var _this = this;          if (e.parentNode.parentNode.getAttribute('class') == 'layui-xtree-item') {            var _pe = _this.getChildByClassName(e.parentNode.parentNode, 'layui-xtree-checkbox')[0];            _pe.checked = true;            _this.ParentCheckboxChecked(_pe);          }        }        //獲取全部選中的末級checkbox對象        layuiXtree.prototype.GetChecked = function () {          var _this = this;          var arr = new Array();          var arrIndex = 0;          var cks = _this.getByClassName('layui-xtree-checkbox');          for (var i = 0; i < cks.length; i++) {            if (cks[i].checked && cks[i].getAttribute('data-xend') == '1') {              arr[arrIndex] = cks[i];              arrIndex++;            }          }          return arr;        }        //獲取全部的原始checkbox對象        layuiXtree.prototype.GetAllCheckBox = function () {          var _this = this;          var arr = new Array();          var arrIndex = 0;          var cks = _this.getByClassName('layui-xtree-checkbox');          for (var i = 0; i < cks.length; i++) {            arr[arrIndex] = cks[i];            arrIndex++;          }          return arr;        }        //根據(jù)值來獲取其父級的checkbox原dom對象        layuiXtree.prototype.GetParent = function (a) {          var _this = this;          var cks = _this.getByClassName('layui-xtree-checkbox');          for (var i = 0; i < cks.length; i++) {            if (cks[i].value == a) {              if (cks[i].parentNode.parentNode.getAttribute('id') == _this._container.getAttribute('id')) return null;              return _this.getChildByClassName(cks[i].parentNode.parentNode, 'layui-xtree-checkbox')[0];            }          }          return null;        }      }    });  }  function strToJson(str) {    var json = (new Function("return " + str))();    return json;  }</script>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 温州市| 双江| 绥中县| 永丰县| 丘北县| 潞城市| 兴隆县| 资兴市| 吕梁市| 兴宁市| 新宁县| 德化县| 来安县| 都兰县| 廉江市| 新龙县| 灯塔市| 始兴县| 鹿泉市| 星座| 扎赉特旗| 疏勒县| 洛浦县| 富平县| 汉阴县| 大竹县| 嘉鱼县| 武定县| 乐陵市| 鄄城县| 丰镇市| 大连市| 垫江县| 辽宁省| 双流县| 平江县| 宿迁市| 巴彦县| 永嘉县| 澄江县| 金阳县|