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

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

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

基于cookie實現(xiàn)zTree樹刷新后,展開狀態(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))
}

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

相關(guān)文章

  • 實例代碼講解jquery easyui動態(tài)tab頁

    實例代碼講解jquery easyui動態(tài)tab頁

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

    jquery select下拉框操作的一些說明

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

    編寫高效jQuery代碼的4個原則和5個技巧

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

    jQuery中map()方法用法實例

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評論