amazeuiのツリーノード自動展開パネルの実装と、最初のツリーノードの選択
2022-01-11 06:06:24
適用対象:amazeui.tree バージョン:不明(2018年10月現在)
Amaze UI TreeはAmazeフレームワークの拡張機能で、メリットはスタイルがAmazeフレームワークと統一されていること、デメリットは非常に不完全なこと、プロジェクトで適用できるようにするために、そのコアコードを修正しました(ここではなく、別の記事で公開します)。選択されたツリーノード関数のAPIは、繰り返し試したが失敗し、単に1つを書き直した。次のようになります。
//Expand collapse panel by default
$("#user-nav").collapse('open');
//default click the first button
var btnArray = $(".am-tree-branch-name.click-item");
btnArray.each(function(i){
//console.log($(this).html());
if ( i == 1 ) {
$(this).click(function(){
$(".click-item").removeClass("am-tree-icon");
$(".click-item").removeClass("am-icon-check");
$(this).addClass("am-tree-icon");
$(this).addClass("am-icon-check");
var obj = new Object();
obj.title = $(this).attr("data.title");
obj.level = $(this).attr("data.level");
$(this).trigger('tree-click', {
data: obj
});
});
$(this).trigger('click');
}
});
この記事は、amazeuiのツリーノードが自動的に折りたたまれたパネルを展開し、最初のツリーノードを選択することを紹介し、より関連amazeuiツリーノードの内容は、スクリプトハウスの過去の記事を検索するか、次の関連記事を閲覧を続けてください、私はあなたが将来的にもっとスクリプトハウスをサポートして願っています!。
関連
-
HTML5 回転画像フルコード
-
ラチェット式モーダルボックスの実装
-
動画下の自動再生プロパティが無効な場合の解決方法(ミュートプロパティを追加する)。
-
html5で漢字にピンインを付加するプログレスバーコード
-
クロスドメイン・モディフィケーション iframeページのコンテンツ詳細
-
ハイパーテキストマークアップ言語 HTML5 の実装
-
HTMLテーブルのテーブルボーダーの実装アイデア
-
H5では、ダイナミックなグラフィックス機能を実現するために、キャンバスの最も強力なインタフェース
-
透明度を変更するためのキャンバスピクセル処理コード
-
Canvasユーティリティライブラリ Fabric.jsマニュアル
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTML5でWeChatの共有を呼び起こす外部ブラウザ
-
HTML5 ドラッグ&ドロップによるファイルアップロードのサンプルコード
-
HTML5 ドラッグ&ドロップの具体的な使用方法について
-
画像アップロードとキャンバス圧縮処理の解析
-
recorder.js Html5ベースの録画機能実装
-
canvas.toDataURL()エラーの詳細な解決策はすべてこちら
-
キャンバスのマウスがアニメーションの背景に従うことを達成するために5分
-
html5 android compatibility for mobile video (remove play control, full screen)(モバイルビデオ用アンドロイド互換性)。
-
モバイル版Html5におけるBaidu地図のクリックイベント
-
キャンバスでDVDスタンバイのアニメーションを作成するコード