問題タブ [treegrid]
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.
datagrid - Dojo datagridとtreegridのヘルプ-datagridには革新的なフラッシュがありますか?
Dojoグリッド(1.5)をうまく再生するために少し時間があります。具体的には、結果セットのデータを行に折りたたんで行を展開できるグリッドを実装するために、約2週間の作業を費やしました。データは、ItemFileReadStoreをストアとして使用して、JSON形式のフルセットとして提供されます。以降の並べ替えやページングは、アプリケーションから新しいjsonを取得し、URLに新しいクエリパラメーターを渡すことで処理されます。
ネストされたデータは、2層の深さしかありませんでした。常に表示される最上層と、最上層と同じ構造の子データの配列です。各ノードには一意のIDとクラスターIDがあります。親ノードでは、一意のIDとクラスターIDが一致します。
私は当初TreeGridに非常に興奮していましたが、必要な処理を実行するためにどのようにフォーマットできるかわかりませんでした。つまり、「要約行」とnullセル(???)でいっぱいの余分な行を削除しました。クエリを1つのクラスターのみに集中させない限り、削除する方法を説明します。私はテスト例を研究し、自分で多くのテストページを作成し、forestModelを理解しようとしましたが、これは私が知る限り不要でした...ドキュメントがほとんど見つからず、オンラインで見つけた情報源は、TreeGridが信頼できない可能性があることを示唆していました...
そこで、dataGridに展開可能/折りたたみ可能な行を実装しようと決心しました。
JSONデータをフラット化し、最上位ノードであることを示す別の属性を追加しました('alwaysShow' = true)。プログラムでグリッドを構築し、grid.filter()を適用して、これらの最上位ノードのみをプルしました。ItemFileReadStore _FetchItems "filter"メソッドを拡張して、ANDの代わりにORクエリを実行できるようにフィルターを変更し、キーが配列を指すように変更しました-最上位ノード(セル内の小さな+/-アイコン)をクリックすると、親ノードのクラスターIDがgrid.filter.allowed []に追加され、フィルターが更新され、そのcluster_id値を持つノードを表示できるようになります。
これは、5つのレコードの小さなテストセットで正常に機能しました(idは少しスラッグだと言っていますが...)-しかし、今はアプリケーションから最大900行を引き出し、大きなクラスター(約80行)を拡張すると、フィルタの更新で青と白の非常に長い点滅。私は一日のほとんどをファイアバグに足を踏み入れてどこで起こっているのかを見つけようとして過ごしましたが、道場のロジックは非常に広がっています。_Grid.jsdefaultUpdateを呼び出す前に発生しているようです。
とてもひどいので、TreeGridで再試行することを検討しています。私はまた、これを手作業で行うことを検討しています... Dojoを最初に機能させるために多くの時間を費やしたことで、私は自分自身を蹴っています。誰かが何かアドバイスがあれば、商用の「JSON->折りたたみ可能な行のあるテーブル」ライブラリも検討します...
何か提案や洞察はありますか?点滅の問題に精通している、またはTreeGridをニーズに適合させる方法を教えてください。私はこれが少し暴言であることを知っています...助けてくれてありがとう。
-ロビー
編集:私は最終的に、Dojoに必要なことを実行させることをあきらめ、1日以内に自分でコーディングしました。3週間の最善の使用ではありません...
jqgrid - 行を開いたときに子データをフェッチするようにjqgridtreegridを設定できますか?どのように?
ツリーグリッドの実装例は、明確ではありません。私は次のようなグリッドを持っています:
これはjsonオブジェクトから入力しています。をクリックする+
と、サーバーに移動して、その行のIDに関連付けられたデータを取得します。
それをより明確に示す例はありますか?また、私が見ているものは、データセット全体を一度にフェッチすることを望んでいるようです。または、この場合、行を「加算」および「減算」する方が良い方法ですか?
更新:もう少し考えてみると、加算/減算の方法は、並べ替えが無効になるため、適切ではないと思います。
jqgrid - ポケットベル付きのjqGridツリーグリッド
jqGridを使用してページャーでツリーグリッドを作成するにはどうすればよいですか?
デモを確認して試してみましたが、コードにポケットベルdivが含まれていても、ポケットベルが表示されませんでした。
ポケットベルを作成するにはどうすればよいですか?
javascript - CoqSoft からの TreeGrid ウィジェットの拡張と保守
CoqSoft の API を使用して TreeGrid の機能を拡張した経験のある人はいますか? カスタムの並べ替え、フィルタリング、グループ化、および Excel のピボット テーブルのような機能を実装するために、Javascript で優れたデータグリッド フレームワークを探しています。TreeGrid はこれらの機能の多くを提供しているようですが、コードの保守がどれほど簡単かはわかりません。ありがとう。
dojo - Dojo treegrid にレベル制限はありますか?
過去数日間、forestmodelを使用してツリーグリッドを機能させようとしました。プログラムで作成されたツリーグリッドを使用して表示できるレベルの数には制限があるようです。dojo の "dojox/grid/tests/test_treegrid_model2.html" を変更し、"Ottwa" の下に別のレベルを追加すると、"dojo.data.ItemFileReadStore: Invalid item argument" が表示されました。エラー。
... { id: 'CA', name:'カナダ', type:'country', 人口:'3300万', area:'9,984,670 平方 km', children:[{_reference:'オタワ'}, {_reference :'トロント'}]}, { id: 'オタワ', 名前:'オタワ', タイプ:'都市', 人口:'90万', タイムゾーン:'-5 UTC', 子供:[{_reference:'オタワ1 '}]}, { id: 'Ottawa1', name:'Ottawa1', type:'city1', 人口:'90万', timezone:'-5 UTC'}, ...
2 つの新しい都市をカナダに追加すると、問題なく動作します。... { id: 'CA', name:'Canada', type:'country', 人口:'33 million', area:'9,984,670 sq km', children:[{_reference:'Ottawa'}, {_reference :'トロント'}, {_reference:'Ottawa1'}, {_reference:'Ottawa2'}] }, { id: 'オタワ', name:'オタワ', type:'city', 人口:'90万', timezone:'-5 UTC'}, { id: 'Ottawa1', name:'Ottawa1', type:'city1', 人口:'90万', timezone:'-5 UTC'}, { id: 'Ottawa2' 、名前:'Ottawa2'、タイプ:'city1'、人口:'90 万'、タイムゾーン:'-5 UTC'}、...
TreeGridで表示できるレベル数に制限はありますか? ありがとう、
デビッド
javascript - smartclientのTreeGridを並べ替えた後にイベントはありますか?
isomophicssmartclientを使用しています。
ドラッグアンドドロップ機能を備えたDataBoundTreeGirdがあります。ノードを並べ替えると、変更がサーバーに送信されます。
サーバーの応答後に何かを行うためにどこに接続する必要がありますか?再注文がOKだった場合は、他のビューを更新する必要があります。
ありがとう
tree - コードから Smartgwt select treenode
私は をTreeGrid
持っていますTree
:
ツリーにノードを追加するたびに、それに焦点を当てる必要があります。
より一般的には、コードから a を選択するにはどうすればよいTreeNode
ですTree
か?
私はそれがnavTreeGrid.getSelectedRecord()
方法であることを知っていますが、私が望むものではありません。
ありがとうございました!
extjs - 別のセルの値に基づいてExtJSツリーグリッドセルをフォーマットする方法
同じ行の別のセルの値に基づいて、1つのExtJSツリーグリッドセルをフォーマットしようとしています。以下は、私が現在どのようにコーディングしているかの概要です。ただし、これは現在機能していないため、提案をいただければ幸いです。ありがとうございます。
extjs - ExtJS ツリーグリッドの境界線をフォーマットする方法
そのため、extjs ツリーグリッド内の境界線をフォーマットするのは基本的なことだと思いましたが、何時間も試してみても解決策を見つけることができませんでした。私が抱えている問題は、境界線の外観と幅が列と行の両方で一貫していないことです (スクリーンショットを添付しようとしましたが、サイトに新しく追加できませんでした)。列の作成で境界線を直接定義しようとしました:
セルの背景色を設定しているXTemplateと同様に(これが機能するとは思わなかったが、試してみると思った):
この問題を解決するためにツリーグリッドの境界線をフォーマットする方法を知っている人はいますか?
ありがとう。
jqgrid - Jqgrid ツリー ビュー隣接
ma アプリケーションで Jqgrid ツリー ビュー モデルを使用していますが、オブジェクトまたはプロパティがサポートされていないためエラーが表示されることがわかります。grid.Treeview.js およびその他の Jqgrid スクリプト ファイルが含まれています。何が問題になるかわかりません。そして、隣接ツリービューについてネットでサンプルアプリケーションをチェックしたとき、同じことを試しましたが、取得できなかったローカルデータを使用してasp.netで試しました。同じことをする方法を教えてください。前もって感謝します
これは私が使用しているサンプルコードであり、それが機能するかどうかはわかりません。