この記事では、Bootstrap で bootstrapTable テーブル プラグインと jstree ツリー リスト プラグインを使用する際のツリー リスト条件とクエリ条件を処理する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。
私の Boosttrap フレームワークでは、多くの場所で bootstrapTable テーブル プラグインと jstree ツリー リスト プラグインを使用して共通のクエリ インターフェイスを構築する必要があります。データのページングとテーブル表示を実現するには、jstree ツリー リスト プラグインを使用してツリー リストを表示し、迅速な分類とクエリを行うことが主に使用されます。多くの状況で 2 つを組み合わせることで、より良いユーザー エクスペリエンスを実現できます。
このエッセイでは、Bootstrap 開発フレームワークで bootstrapTable テーブル プラグインと jstree ツリー リスト プラグインを使用する際のツリー リスト条件とクエリ条件の処理を紹介します。情報も更新を渡すことができます。 [関連する推奨事項: "bootstrap チュートリアル "]
bootstrapTable 以下のように、tableプラグインとjstreeツリーリストプラグインを組み合わせてデータを表示するインターフェースもよく見られます。
//绑定左侧树形列表 //如果update为True,则重新更新缓存 function initJsTree(update) { var baseUrl = "/Apply/GetMyApplyJson?r=" + Math.random(); var url = update ? baseUrl + "&update=true" : baseUrl; bindJsTree("jstree_div", url); //树控件的变化事件处理 $('#jstree_div').on("changed.jstree", function (e, data) { var icon = data.node.icon; loadData(data.selected); }); }
//加载指定的对象数据 var clickId = ""; function loadData(id) { var condition = { CustomedCondition: id + '' }; //修改条件后需要重新刷新 $table.bootstrapTable('refresh', { url: queryUrl, query: condition, pageNumber:1}); clickId = id; }
//加载指定的对象数据 var clickId = ""; var where = {};//树列表条件 function loadData(id) { var condition = { CustomedCondition: id + '' }; where = {};//清空 where["CustomedCondition"] = id + '';//使用自定义条件 //修改条件后需要重新刷新 $table.bootstrapTable('refresh', { url: queryUrl, query: condition, pageNumber:1}); clickId = id; }
プログラミング入門をご覧ください。 !
以上がbootstrapTable+jstree プラグインによるツリー リスト条件とクエリ条件の処理についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。