欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于cookie實(shí)現(xiàn)zTree樹(shù)刷新后展開(kāi)狀態(tài)不變

 更新時(shí)間:2017年02月28日 09:29:18   作者:秋荷雨翔  
這篇文章主要為大家詳細(xì)介紹了如何基于cookie實(shí)現(xiàn)zTree樹(shù)刷新后,展開(kāi)狀態(tài)不變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

基于cookie實(shí)現(xiàn)zTree樹(shù)刷新后,展開(kāi)狀態(tài)不變。

1、除了引用jQuery和zTree的JS外,引用cookie的JS:

<script type="text/javascript" src="~/Scripts/jquery-treeview/lib/jquery.cookie.js"></script>

2、JS代碼:

$(function () {
  //ztree設(shè)置
  var setting = {
    data: {
      simpleData: {
        enable: true,
        idKey: "id",
        pIdKey: "pId",
        rootPId: null
      }
    },
    callback: {
      onExpand: onExpand,
      onCollapse: onCollapse
    }
  };

  $.ajax({
    type: "POST",
    url: "/Tech/TemplateTypeManage/GetData",
    success: function (data) {
      if (data && data.length != 0) {
        $.fn.zTree.init($("#tree"), setting, data);
        var treeObj = $.fn.zTree.getZTreeObj("tree");
        var cookie = $.cookie("z_tree" + window.location);
        if (cookie) {
          z_tree = JSON2.parse(cookie);
          for (var i = 0; i < z_tree.length; i++) {
            var node = treeObj.getNodeByParam('id', z_tree[i])
            treeObj.expandNode(node, true, false)
          }
        }
      }
    }
  });
});//end $

function onExpand(event, treeId, treeNode) {
  var cookie = $.cookie("z_tree" + window.location);
  var z_tree = new Array();
  if (cookie) {
    z_tree = JSON2.parse(cookie);
  }
  if ($.inArray(treeNode.id, z_tree) < 0) {
    z_tree.push(treeNode.id);
  }
  $.cookie("z_tree" + window.location, JSON2.stringify(z_tree))
}

function onCollapse(event, treeId, treeNode) {
  var cookie = $.cookie("z_tree" + window.location);
  var z_tree = new Array();
  if (cookie) {
    z_tree = JSON2.parse(cookie);
  }
  var index = $.inArray(treeNode.id, z_tree);
  z_tree.splice(index, 1);
  for (var i = 0; i < treeNode.children.length; i++) {
    index = $.inArray(treeNode.children[i].id, z_tree);
    if (index > -1) z_tree.splice(index, 1);
  }
  $.cookie("z_tree" + window.location, JSON2.stringify(z_tree))
}

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 實(shí)例代碼講解jquery easyui動(dòng)態(tài)tab頁(yè)

    實(shí)例代碼講解jquery easyui動(dòng)態(tài)tab頁(yè)

    這篇文章主要介紹了實(shí)例代碼講解jquery easyui動(dòng)態(tài)tab頁(yè)的相關(guān)資料,需要的朋友可以參考下
    2015-11-11
  • jquery select下拉框操作的一些說(shuō)明

    jquery select下拉框操作的一些說(shuō)明

    公司網(wǎng)站目前的訪問(wèn)用戶中使用IE6.0的站50%以上,所以必需兼容IE6.0,使用jquery在IE6.0中設(shè)置下拉框時(shí)會(huì)有以下一些問(wèn)題
    2010-04-04
  • 編寫(xiě)高效jQuery代碼的4個(gè)原則和5個(gè)技巧

    編寫(xiě)高效jQuery代碼的4個(gè)原則和5個(gè)技巧

    有了JQuery對(duì)JS的整合和封裝,它讓頁(yè)面操作更加的隨心所欲,所以只有遵循良好的規(guī)范才會(huì)讓代碼更高效,更健壯。以下是我對(duì)如何高效操作JQuery的一些拙見(jiàn),望指正!
    2014-04-04
  • jQuery中map()方法用法實(shí)例

    jQuery中map()方法用法實(shí)例

    這篇文章主要介紹了jQuery中map()方法用法,實(shí)例分析了map()方法的功能、定義及轉(zhuǎn)換數(shù)組的使用技巧,需要的朋友可以參考下
    2015-01-01
  • jQuery插件PageSlide實(shí)現(xiàn)左右側(cè)欄導(dǎo)航菜單

    jQuery插件PageSlide實(shí)現(xiàn)左右側(cè)欄導(dǎo)航菜單

    jQuery pageSlide 是一個(gè)可以讓網(wǎng)頁(yè)出現(xiàn)滾動(dòng)效果的jQuery插件,它可以控制一個(gè)隱藏頁(yè)面的顯示和關(guān)閉。具體來(lái)說(shuō),就是當(dāng)前頁(yè)占一個(gè)完整頁(yè)面,隱藏頁(yè)是看不到的,你設(shè)置一個(gè)控制的地方,點(diǎn)擊該控制時(shí)觸發(fā)事件,隱藏的頁(yè)面就滑出來(lái),再次點(diǎn)擊隱藏頁(yè)面以外的地方,它就又關(guān)閉
    2015-04-04
  • hover的用法及l(fā)ive的用法介紹(鼠標(biāo)懸停效果)

    hover的用法及l(fā)ive的用法介紹(鼠標(biāo)懸停效果)

    hover屬性在書(shū)寫(xiě)css時(shí)大家都不會(huì)陌生了吧live主要用于對(duì)動(dòng)態(tài)加載出來(lái)的元素綁定事件,下來(lái)將為大家詳細(xì)介紹下兩者的使用,感興趣的朋友可不要錯(cuò)過(guò)了哈
    2013-03-03
  • 跟著Jquery API學(xué)Jquery之一 選擇器

    跟著Jquery API學(xué)Jquery之一 選擇器

    Jquery 選擇器是最基本的操作了,當(dāng)我們用原生的javascript的時(shí)候,我們?yōu)榱诉x擇一個(gè)對(duì)象不得不花費(fèi)九頭二虎之力
    2010-04-04
  • Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法

    Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法

    這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過(guò)實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2023-06-06
  • jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果完整實(shí)例

    jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果完整實(shí)例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果,結(jié)合完整實(shí)例形式分析了jQuery事件響應(yīng)及動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • JQuery結(jié)合CSS操作打印樣式的方法

    JQuery結(jié)合CSS操作打印樣式的方法

    這篇文章主要介紹了JQuery結(jié)合CSS操作打印樣式的方法,有需要的朋友可以參考一下
    2013-12-12

最新評(píng)論