問題タブ [dgrid]

dojox.mvc を使用して、dgrid を dojo のフォームにバインドしたいと考えています。単一のモデルをフォームにバインドする方法に関するサンプルは多数ありますが、グリッドでこれを行う方法を示すものはありません。グリッドは同じストアをフォームと共有する必要があり、誰かがグリッドの行をクリックするとフォームが更新されます。私の主な問題は、使用するストアの違いです。dgrid は dojo.store オブジェクトを使用しますが、mvc は dojo.Stateful を使用します。dojo.store には「data」という名前のオブジェクトがあり、dojo.Stateful には「items」があり、データのリストが保持されます。どんな助けでも大歓迎です。

私のjsonストアで動的グリッドを構築しようとしていますが、何らかの理由で範囲の制約があり、それはdgrid/store実装の一部だと思いますが、グリッドを下にスクロールしてdgridサイトの例からより多くの結果を得る必要があります.

ここにいくつかのコードを入れます。まず、コードを非常にモジュール化しようとしたため、ストアを取得するファイル (content.js)、グリッドを構築するファイル (gridlayout.js)、および main.js (インスタンスを作成してストアを渡す) があります。 ）。

content.js

GridLayout.js

と私のmain.js :

これまでのところ、結果は 25 件しかありません。下にスクロールすると、残りの項目が表示されません。

さて、DataGrid で動作させることができましたが、何らかの理由で、Dgrid は非常に印象的であると同時に、非常にイライラすることがあります (多くの人が推奨しています)。これまでのところ、特定の量のデータをリクエストすることができました (最初の呼び出しのみなので、リクエスト ヘッダーは 25 アイテムを返すように指定されています...)。 ） 何も起こりません。

基本的には、jsonrest を使用したスト​​ア ビルドです。

そして、このストアを OnDemandGrid のプロパティに渡します。

この男の例を確認しました: http://www.speich.net/articles/demos/jsonrest/dojo-demo-dgrid.php dgrid (OnDemandList) のドキュメントを確認しました: https://github.com/SitePen /dgrid/wiki/コア コンポーネント

Requestヘッダー/Responseヘッダーを追加しました（ただし、正しいと思います）：

サーバー側のコード (perl):

アップデート：

古い jsonstore (dojox/data) で簡単なテストを行いました。

だから、それは店かグリッドに違いないと思います。

DojoストアOnDemandGridからのデータを表示するために dgrid を使用しています。JsonRestこれはうまくいきますが、グリッドに変更されたデータを自動的に表示させたいです。どのデータが変更されたかをサーバーがすべてのクライアントに通知するプッシュ ベースのアプローチを実装するのは非常に手間がかかるため、クライアント ベースのソリューションを探しています。dgrid を使用するrefresh()と、ちらつきが発生し、グリッド全体がリセットされるため、役に立ちません。

これまでのところ、2 番目のストア インスタンスからすべてのデータを定期的にフェッチし、これをライブ ストア インスタンスと比較し、Observableストア ラッパーを使用して変更されたデータをグリッドに通知することをお勧めします。

より優れた、よりエレガントなソリューションはありますか? そうでない場合、どうすればこれを最善に行うことができますか?

編集:このアプローチの問題は、グリッドに現在表示されている行を知ることです。私のアプリは大量のデータを扱うので、2 つの道場ストアでセット全体を同期するのは得策ではありません。グリッドに現在表示されている行を確認する方法はありますか? 理想的には、グリッドは現在表示されている行のデータを定期的に再要求するだけです。そんなに難しいことではありませんよね？

edit2:これまでの私の最善のアプローチは、ストアを「ハッキング」して、Observableへのすべての呼び出しを追跡することobserveです。次に、観察したクエリを定期的に再実行し、変更をライブ ストアにマージします。問題は、dgrid があまりにも多くのオブザーバーを開いたままにしておくと、これがスムーズに機能しないことです。それらのいくつかを閉じるので、私のコードにはエラーがなく、farOffRemoval500 に設定しました (これよりも低い値と高い値も試しました)。

これはこれまでの私のコードです: https://gist.github.com/3225927

どこも終わっていませんが、問題の場所を示すのに十分なデバッグ情報が表示されます。おそらく誰もこれを設定したくなく、jsfiddle に dgrid がないため、1000 エントリのグリッドでスクロールした後、約 10 ～ 15 のオブザーバーとobserverStats.abs (少なくとも観察されたすべての行の数) があることがわかります。 1 回) は約 750 です。

私はdojoに比較的慣れておらず、datagridが、フィルターテキスト入力に入力した内容に基づいて表示される行を減らす動的フィルタリング機能をどのように提供するかを見てきました。dgridでそれを行う方法の例は見つかりませんでした。可能であれば、例を提供するか、チュートリアルまたは例を提供するリソースを教えてください。ありがとう！

複数の列で正規表現文字列を検索する dgrid クエリを作成することは可能ですか? 通常、構文は {column1: "foo", column2: "foo"} を指定しますが、これは column1 と column2 の両方が "foo" である行を探します。しかし、両方の列に対して同じ検索文字列を使用したいのですが...それは可能ですか?どうすればよいですか? {column1 || のようなものが必要です column2 : "foo"}.

データをグリッド形式で表示するためにdgridを使用していますが、4つの列があります。すべて編集可能

私はそれを宣言するために次の方法を使用しました。

私の問題は、最初の列を編集するときに、編集後に2番目の列にフォーカスを設定し、そのセルにカーソルを表示して、2番目の列の編集を開始できるようにする必要があることです。3列目も同様です。

私は道場とdgridに非常に新しいです。sitepenでいくつかのAPIを見つけましたが、問題を解決できませんでした

これで私を助けてください

sort メソッドをオーバーライドして、dgrid(gridFromHtml) の特定の列をソートする独自のメソッドを作成する方法はありますか?

dgrid と CellSelection プラグインを使用してセルを選択しています。グリッドが 4 列であるとします。最初のセルにデータが入力されると (ボタンをクリックするなどのアクションによって)、フォーカスが次のセルに移動し、再びデータがこのセルに入力され、次のセルにフォーカスが移動します。

上記のシナリオはChromeとFFでは正常に動作していますが、 IE 9では失敗しており、このエラーが発生します。

プロパティ 'className' の値を取得できません: オブジェクトが null または未定義です

このように「選択したセル」を取得しています。

そしてここでデータがselectedCellに（ボタンをクリックして）入力され、次のセルに移動します

grid.right 呼び出しでエラーがスローされることがわかりましたが、あまり探索できませんでした

これに関する提案はありますか？

私は Dgrid を使用しており、asc と desc を並べ替えることができる並べ替えパラメーターを認識していますが、ストアを介して行う必要があると思われるカスタムオーダーを介して並べ替えたいと考えています。誰にも例がありますか？