ホームページ > ウェブフロントエンド > jsチュートリアル > EasyUI Tree ツリー コンポーネントの無限ループ インスタンスの分析

EasyUI Tree ツリー コンポーネントの無限ループ インスタンスの分析

小云云
リリース: 2017-12-27 10:20:14
オリジナル
1977 人が閲覧しました

jquery easyuiのツリーコンポーネントを学習しているときに、URLがリンクアドレスの場合、最後のノードの状態がclosedの場合、気づかれていないノードがフォルダーとして表示され、クリックすると動的にリロードされることが分かりました(URL:リンクアドレス) ) 無限ループを形成します。この記事では主に EasyUI Tree コンポーネントの無限ループの解決策を紹介しますので、必要な方は参考にしていただければ幸いです。

例:

tree.json

[{ 
  "id":1, 
  "text":"Folder1", 
  "iconCls":"icon-save", 
  "children":[{ 
    "text":"File1", 
    "checked":true 
  },{ 
    "text":"Books", 
    "state":"open", 
    "attributes":{ 
      "url":"/demo/book/abc", 
      "price":100 
    }, 
    "children":[{ 
      "text":"PhotoShop", 
      "checked":true,
      "state":"closed"      
    },{ 
      "id": 8, 
      "text":"Sub Bookds", 
      "state":"open" 
    }] 
  }] 
}] 
$('#box').tree({
    url :"tree.json",
    cascadeCheck : false,
    onlyLeafCheck : true,
    lines : true,
    formatter : function (node) {
      return '[' + node.text + ']';
    }
  });
ログイン後にコピー

tree コンポーネントの無限ループのスクリーンショット

EasyUI Tree ツリー コンポーネントの無限ループ インスタンスの分析

解決策: 通常表示するには、終了ノードの状態をオープンに設定します

関連する推奨事項:

無限を実現するための CSS3 を説明する例ループ シームレススクロール

MySQLでデータを取得する無限ループを実現するPHPメソッドの例

PHP データ(またはメッセージ)情報を取得する無限ループ

以上がEasyUI Tree ツリー コンポーネントの無限ループ インスタンスの分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート