問題タブ [extjs-grid]

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.

0 投票する
1 に答える
1217 参照

javascript - ExtJS: 同じストアを使用するマスター ディテール グリッド

私は ExtJS を初めて使用し、自分の道を見つけようとしています。私は現在 POC を作成しており、ある時点で立ち往生しています。

マスターのグリッドと、フォームまたはグリッドのいずれかを含む多数のタブを含むマスター詳細ページを作成しようとしています。上部のマスター グリッドからレコードを選択すると、詳細なグリッドが表示されます。問題は、両方のグリッド (マスターと詳細) に同じストアを使用したいということです。なぜなら、変更を加えて (マスター行の追加、詳細行の追加、行の削除など)、それらの変更をバッチとして保存できるようにしたいからです。 . それは可能ですか?はいの場合、どうすればそれを達成できますか? 同じストアを使用する必要がありますか、それとも別の方法でバッチ編集を行うことができますか?

これまでのところ、現在選択されている行をViewModelにバインドしようとしました( this questionに従って)、データを詳細なグリッドにバインドするために次のことを試みました

何か助けはありますか?

更新 1:

私のストアでは、データは次の形式になっています (したがって、マスターと詳細のストアは同じです)。

更新 2:

次の画像をご覧ください。 extjsで実現したいこと

これが私が達成しようとしていることです。マスター/ディテール データのストアを使用したい。出来ますか?はいの場合、どのように?

アップデート 3

私が求めているものをさらに明確にするためにフィドルを作成しました

0 投票する
1 に答える
2099 参照

javascript - ExtJS: 無限スクロールが機能しない

無限スクロールでグリッドを作ろうとしています。ここの例に従いました が、アプリを実行するたびに、コンソールに次のエラーが表示されます

verticalScroller 構成はサポートされていません

ExtJS 6.0.1 クラシックを使用しています。

以下は私のグリッドとストアの構成です

グリッド

0 投票する
1 に答える
511 参照

extjs - extjs のネストされたデータ グリッドのフィルターとリロードが viewModel で機能しない

フィルタを機能させず、ストア グリッドをリロードしないのはなぜですか...データがネストされています..親にプロキシ モデルを使用してもらいたい..

ネストされたデータ json

サーバー ssssssssssssss

model.plan.プラン

model.plan.Taksitler

store.plan.taksitler

store.plan.プラン

グリッド

0 投票する
1 に答える
474 参照

extjs - ExtJS グリッド サマリー機能をグリッド ヘッダーの上に表示する方法

グリッドのサマリー プラグインを使用して、グリッドの下部または上部 (ヘッダー部分の下) にドッキングできることはわかっていますが、それが可能かどうか、グリッド ヘッダーのすぐ上にサマリーを配置するにはどうすればよいか疑問に思っていました。 ..

ありがとう。

0 投票する
1 に答える
717 参照

javascript - Extjs はグリッド テーブルを表示します

こんにちは、extjs について知り始めました。解決できない最初の問題に出くわしました。管理テンプレートを使用しています。NavigationTree 別のアイテムを追加して、新しいページを作成しました。

プロジェクト名 / src / store / NavigationTree.js:

プロジェクト名 / src / ビュー / テスト / test.js:

プロジェクト名 / src / ビュー / テスト / TestController.js:

プロジェクト名 / src / ビュー / テスト / TestModel.js:

projectNameBi/src/view/BIViews.js:

そして、このコードは、そのような結果の結果を取得するデータを取得します。

https://postimg.org/image/hf5b0ac5v/

これらのデータをページネーション付きの表に表示したいと思います。どうすればこれを達成できますか? 助けを求めています。

BIViews.js を次のように変更します。

テーブルのヘッダーが表示されますが、データが読み込まれません。何が問題なのですか?

0 投票する
0 に答える
118 参照

javascript - ExtJS 6 のグリッド セルのコンボのデフォルト選択

一部の列セルでコンボ ボックスを表示する必要があるグリッド パネルがあります。 

グリッド データとコンボ データをロードするためのさまざまなサービスがあります。グリッド セル行に値を表示するために、レコードにさまざまなフィールドがあります。

グリッド行レコードからコンボにデフォルト値を表示したい。 

1 つのアイデアは、最初にストアをロードしてコンボにバインドし、グリッド行のセル値からレコードを検索し、コンボで値を設定することです。 

グリッドデータのレンダリング中にストアをコンボにバインドする方法が実行可能かどうかはわかりません。これはパフォーマンスに影響しますか?

提案してください。

0 投票する
1 に答える
231 参照

extjs - Ext js 6: 新しく挿入されたアイテムのすべてのフィールドがグリッドに表示されない

私は次のモデルとストアを持っています。

モデル:

});

店:

});

このモデルのリストにはグリッド パネルを使用します。しかし、別の形で私が作る新しいモデルの作成。

グリッドでストアを定義します:

フォームの送信ハンドラーには実装があります。

したがって、レコードはすぐにグリッド パネルに表示されますが、createdDate フィールド値は表示されません。この値は、サーバーの応答から取得されます。

サーバーの応答を受け取ったときに、グリッド パネルでこのレコードを更新するにはどうすればよいですか?