問題タブ [treepanel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
extjs - extjs 4ツリーパネルからノードを削除すると、カスタムドラッグアンドドロップでエラーが発生します
ルートの下に作成したノードにすべてのノードをアタッチするように、treepanels を使用してカスタム ドラッグ アンド ドロップの実装をセットアップしています。特定の方法で、あるノードをあるツリーパネルから別のノードにドラッグしようとしています。アイテムを移動することはできますが、反対側から取り外すときに問題が発生します。
これが私のコードです。これは私のツリーパネル内にあります:
これにより、最初のツリーパネルからアイテムが削除されましたが、すぐに次のエラーが発生しました。
button - sencha Ext.tree.Panel にボタンを追加する
状況:
私のビューには、tabpanel
を含む 2 つのコンテナーがありtreePanel
ます。の一部の行には、treePanel
ボタンを含める必要があります。
treeGrid
I useにボタンを追加するにはrender()
:
例:
問題:
非アクティブ (表示されていません) に行を追加するtreePanel
と、高さ 0px のボタンが生成されます。
スクリーンショット: http://img23.imageshack.us/img23/3492/sencha.png
現在の回避策:
現在、CSSを使用して修正しています:
誰でもこの問題の解決策を持っています。
バグだと思います!
javascript - ツリーノードクリックイベントを処理するExtJS4.1コントローラー
問題があり、デバッグの進め方がわからない。私とほぼ同じように見える質問を見つけましたが、解決策は機能しません:ExtJs 4の(MVC)コントローラーからツリーノードのクリックをキャッチする方法は?
その質問と私の質問の唯一の違いは、ツリーが個別に作成された場所を 使用してxtype
、アイテムオブジェクトとしてレイアウト内に直接作成されることです。treepanel
これが私のコントローラーです:
これが私の見解からの関連項目です:
ボタンのコントロールは機能しますapp toolbar > button[itemId=filter]
が、「menuTree」に同じアクションを割り当てることは機能しません。ブラウザコンソールはで有効なオブジェクトを返すExt.getCmp('menuTree')
ので、コントローラがツリーに作用していないように見える理由がわかりません。
.on('click')
ツリーはストアから読み込まれているため、これはjQueryではなく使用する必要があるシナリオと似ているのではないかと思い.click()
ます...コントローラーがツリーを表示していないように(ただし、同じビューにボタンが表示されているように) ?)。私は意図的にハンドラーをツリー上で直接コメントアウトしました(これは機能します)。
役立つ場合は、すべてのファイルを提供できます。
extjs - ExtJs - TreePanel の expandPath が機能しない
私の Treepanel には 'treePanel' という ID があり、問題なく動作します。
パスの例:
expandAll()
ツリー パネルですべてを展開すると機能しますが、expandPath()
機能しません。
さて、あるイベントの後、ツリーのパスを拡張したいと思います。しかし、私はそれを作ることができません。
これまでのところ、私は試しました:
エラーメッセージはありませんが、ツリーにも変化はありません。
何をすべきか?
編集
oTreePanel.selModel.getSelection()[0].getPath()
です/root/
。
私が試したこと:
path:
/root
=>success
はtrue
とnode
言うnode.data.id=""
とnode.data.path=""
path:
/root/
=>success
istrue
とnode
言うnode.data.id=""
andnode.data.path="/report_with_variables"
(ツリーの最初のノード) andnode.data.parentId= "root"
パス:
/root/subfolder3
へ パス:success
はfalse
とnode
言うnode.data.id=""
とnode.data.path=""
はnode.getPath()
/root
ツリーに対する私の Json レスポンスは次のようになります。
extjs - カスタムCSSを適用して、ツリーグリッドパネルの行をExtJS4.1に選択する方法
私はtreeGrid
extjsを初めて使用します。CreatePanelにExtjs4.1を使用しています。また、ech列に異なるレンダリング関数を使用しています。次に、CSSを選択した行に適用する方法はTreepanel
?
extjs - Extjs 4.0.7ツリーパネルを再レンダリングして変更を確認するにはどうすればよいですか?
extjsアプリケーション内で物事を前後に移動する2つのボックスを備えたアイテムセレクターを作成しています。右側のボックスでは、アイテムを上下に移動するためのボタンを作成しています。基本的に、私はアイテムをその上または下のアイテムと交換しています。だから、私のコードはその点で簡単です
ボタンをクリックしてFirebugでDOMを確認した後、選択したノードが配列内で正しく移動したことがわかるため、このコードはすべて正常に機能しているようですが、この効果はツリーパネルに表示されません。???要素が変更されたときにツリーパネルを更新するにはどうすればよいですか。???
TreePanelの階層は、明確にするために次のようになります。
ルートノード'選択されたフォルダノード'フォルダ内で上下に移動しているアイテムの配列'フォルダ'
バージョン4.0.7を使用しています
replaceChild()を使用してイベントを発生させて再レンダリングしようとすると、期待どおりに動作しません。
変化:
に:
一部のノードが失われるという奇妙な動作が発生します。確かに私が探していたものではありません。ここでどこが間違っているのですか?
datachangedおよび(文書化されていない)refreshイベントを使用して次のコードを試しました。
これは何もリロードしません...
解決:
nodeInterface...のinsertChildメソッドを使用します。
上下に移動することに基づいてインデックスをさらに変更する必要があるという点で、insertChildの動作に奇妙なことに気づきました。以下のコードで説明します。
上に移動するには:
下に移動するには:
-1対+2ですが、どちらもアイテムを適切な方向に1つずつ効果的に移動します。
extjs4 - 名前を変更して、エラー TreeStore ExtJS 4.1.1 を挿入します。
皆さん、こんばんは
メソッドを更新すると、「tipoNo」や「pai」などのすべてのモデル項目が保存されません。誰かが私に何ができるか知っていますか?
リクエストペイロード
これは、リクエストで送信された情報です。
モデル:
私のモデルのフィールド。
プロキシー
サーバー上の必要な情報へのプロキシ。
コントローラーの方法
extjs4.1 - 特定の TreeStore を持つ TreePanel
次の問題があります。
人のデータを使用して TreePanel を構築していますが、リーフ、cls、およびテキスト属性を定義せずにそのモデルを定義する方法がわかりません。「名前」が各ノードのノードテキストになることは望ましくありません。
私のモデルは次のように定義されています:
私のTreeStore(今のところ静的データを使用していますが、サーバーの人物モデルのリストを返すサーバーへのajax呼び出しからロードされます)。明らかに、サーバー モデルでリーフ、テキスト、および cls 属性を定義したくありません。
私の TreePanel は次のように定義されています。
これを行う正しい方法を見つけるのを手伝ってくれる人はいますか?
どうもありがとうございました、
ファン
extjs - rootVisible = true の Treepanel は表示されません
を使用すると、ツリーが正しく表示されrootVisible: false
ます。ただし、に設定するとtrue
、ツリーが表示されず、エラーも発生しません。
私の目的は、/
orとして定義できるルート ノードを表示することRoot
です。これを達成する方法は?
私の解決策:
これを私のツリーストアに入れrootVisible
てtrue
追加します:
grid - extjs4.0.7から4.1.1への移行に関する問題
extjs 4.0.7から4.1.1に切り替えようとすると、いくつかの問題が発生します。
最初の問題は次のとおりです。
列レイアウト内に2つのツリーパネルがあります。隣同士。私のアプリは左側のパネルに多数のノードをロードし、オプションでそれらの一部を他のパネルに移動できます。ただし、すべてのノードを含むパネルにスクロールバーが表示されていないため、ノードの約3分の1が突然表示されません。4.0.7でも同様の問題が発生し、別のノードを移動するまでパネルがいっぱいの場合、最後のノードが移動したことを確認できませんでした。私はそれを次の行で修正しました:
これらの行は4.1.1で非推奨になり、問題はさらに悪化したようです。誰かが同様の問題を抱えていましたか?スクロールバーを元に戻すにはどうすればよいですか?
私のUIに関連する2番目の主要な問題:
ツリーパネルと同じようにレイアウトされた2つのグリッドが他の場所に隣接しています。2つのグリッド間にドラッグアンドドロップを設定しました。ここでも、すべてのノードは左側のグリッドから始まり、一部を右側のグリッドにドラッグするオプションがあります。ただし、右側のグリッドはフルサイズで表示されなくなり、デフォルトでスライバーになります。したがって、ノードをその小さなスライバーにドラッグすることがわかっている場合は、DD機能はまだ存在します。その後、スライバーは単一ノードなどを保持するのに十分に拡張します。では、どうすればデフォルトのフルサイズに戻すことができますか。extjs 4.1.1がこれらの問題を引き起こしたのはなぜですか?私はどんなコードでも指を太くする必要がありますが、絶対に必要な場合はできます。しかし、私の説明に基づいてこの種の問題に精通している人がいれば、それは素晴らしいことです。
編集:また、グリッドの右端の列にコンボボックスがあります。クリックしてコンボボックスの1つを変更すると、ミニスクロールバーがポップアップし、ドロップダウンボタンがブロックされます。彼らはこのバージョンに何をしましたか?
必要なときにスクロールバーがパネルに表示されないという最初の問題があるレイアウト定義は次のとおりです。
編集:左側のパネルで、高さを設定値にし、自動スクロールをtrueにすると、スクロールバーが表示されます。高さを「100%」に設定して自動スクロールをtrueに設定すると、スクロールバーが表示されません。したがって、解決策は、スクロールバーを維持しながら、パネルを親の高さに合わせる方法を見つけることかもしれません。