Webページの左側にExtJSを使用して垂直ナビゲーションメニューを作成しようとしています。私はhttp://examples.sencha.com/extjs/6.0.0/examples/admin-dashboard/でサンプルダッシュボードに刺激を与えます。グーグルでもサンプルコードは提供されていませんでした。誰かがサンプルコードを手伝うことができれば、とても感謝しています。Ext JSを使用した垂直ナビゲーションメニュー(ページの左側)
0
A
答えて
0
たとえば、この機能を実現するためにタブパネルを使用していたようです。
タブパネルの内側に2つのconfigs tabPosition: 'left'とtabRotation:0を追加すると、左側のタブが表示されます。そして、スタイルを適用するには、clsまたはui configsを使用します。
また、Ext JS Kitchen Sinkの例があります。下のリンクをチェックしてください:次のように当時http://examples.sencha.com/extjs/6.0.2/examples/kitchensink/#side-navigation-tabs
0
、私はそれをやった:
あなたが(「要素を調査」)HTMLのソースコードに見れば、あなたは左側部分HTMLが
を開始していることがわかりxtype:'treelist'
に向けてあなたを指して
<div class="x-treelist ...
(ちょうどx-panel
ようxtype:'panel'
のためのものであり、x-container
がのためです)。
一般的な使い方について知っておく必要があるものはすべてドキュメントに記載されています。煎茶は、この特殊な場合にはそれをやった、あなたのブラウザのコンソールに入力できる方法の詳細については:
console.log(Ext.ComponentQuery.query("treelist")[0]);
少なくともChromeはあなたが例えば参照してくださいすべてのプロパティをナビゲートできるコンポーネントを返します彼らがどのような設定を使用したかなど。
関連するCSSについては、DOMツリーをナビゲートし、関連するCSS情報をプロジェクトにCSSタブからコピーすることができます。
.x-treelist-navigation {
background-color: #32404e;
background-position-x: 44px;
padding: 0 0 0 0;
}
...
関連する問題
- 1. ブートストラップの垂直ナビゲーションメニュー - 全ページの高さ?
- 2. 左側の垂直グラデーションバーを持つコンボボックス
- 3. ナビゲーションメニュー項目「バッジ」垂直アライメント
- 4. 垂直ナビゲーションメニューへのリンクの追加
- 5. Ext JSを使用してVisualforceページを開発する
- 6. Jqueryを使用した垂直選択
- 7. ポリフィットを使用した垂直なラインフィット
- 8. JQueryを使用した垂直タブ
- 9. UIScrollViewを使用した垂直ページング
- 10. Plotly.jsを使用したカスタム垂直線
- 11. オーチャードCMS - ホームの隣に垂直ナビゲーションメニューを作成する
- 12. 垂直ページのスワイプ機能ウェアラブル(のみ使用してTAU)
- 13. ナビゲーションメニューの左側にロゴを追加するには
- 14. 上部のナビゲーションメニュー項目の垂直整列
- 15. この垂直ナビゲーションメニューのコンビネーションは表示されませんか?
- 16. iframeを使用した場合のExt jsライブラリの動的ロード
- 17. jqueryを使用したナビゲーションメニュー
- 18. vimの左側に別の垂直ウィンドウ(:vsp)を開くにはどうしたらいいですか?
- 19. 垂直ナビゲーションバーと右側のデータ
- 20. Sencha Ext JSを使用したAsp.Netアプリケーションアーキテクチャ4
- 21. GUI:TkInterを使用した任意の要素の垂直リスト
- 22. React Native:ScrollViewを使用したときの垂直方向のセンタリング
- 23. 垂直スクロールビューの垂直ビューページャ
- 24. センターブロックを使用したブートストラップの垂直整列
- 25. CSSオーバーフローを使用した垂直スクロールバーの自動隠蔽
- 26. スクロールバーを使用した垂直中央のフルスクリーンdiv
- 27. asp:gridview header cssを使用した垂直方向の整列
- 28. フレックスボックスを使用した垂直方向のアイテム
- 29. jQueryを使用した垂直スライダの作成
- 30. Plotlyを使用した垂直/水平参照線の追加