問題タブ [dgrid]

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 投票する
2 に答える
4549 参照

css - 水平スクロール付きdgrid

多くの列を含むテーブルにデータを表示するdgridがあります。dgridのデフォルトのレイアウトでは、すべての列がページに表示されます。つまり、列が折りたたまれ、各列のヘッダー全体またはデータを表示できません。

デフォルトのレイアウトのテーブル

すべての列を展開して、そこに含まれるすべてのデータとヘッダー情報を表示したいと思います。次に、すべての列を表示するために横にスクロールするための水平スクロールバーが必要になります。デフォルトのレイアウトをdgrid-row-tableからtable-layout: fixedに変更することでこれを行うことができましtable-layout: autoたが、列が整列しませんでした。

整列していない完全な列を持つテーブル

dgrid/OnDemandGrid多くの列と水平スクロールでを使用する方法はありますか?

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

javascript - dGridで行のスタイルを設定する方法

dGridの特定の行のスタイルを設定するにはどうすればよいですか?

強調表示したい行のIDの配列がありますが、これらの行を強調表示する方法がわかりません。これは数千のレコードを持つonDemandGridであるため、行をループして強調表示することはできません。

renderCellメソッドを列に適用してから、grid.row(data)を使用して行を取得しようとしましたが、renderCellが呼び出された時点でセルがアタッチされていないと思います。

これを行う正しい方法は何ですか?

0 投票する
2 に答える
5361 参照

select - Dojo dgrid :(前)レンダリング時に行を選択

行がレンダリングされるときに行がすでに選択されているかどうかを定義するためにdgridとそのストアを構成するにはどうすればよいですか?

たとえば、私の行データが次のような場合:

私の現在のコードは、ストアにデータが入力された後にコレクションをループすることですが、これを行うにはもっと効率的な方法が必要だと確信しています。

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

javascript - dgrid で dnd を使用して行の並べ替えを実装する方法

JsonRest ストアに接続されている dgrid にグリッドを作成しました。これにより、ピラミッド バックエンドからデータが読み込まれます。また、ストアに DnD 拡張機能を追加しました。DnD は機能しますが、行をドラッグしたときに意味のあるデータを送信する方法がわかりません。現在、GET と PUT の 2 つのリクエストを送信していますが、PUT には行からのデータだけが含まれており、データベース内の順序を更新するために使用できるものは何もありません。

新しい注文情報を取得するには、グリッドにどのような構成が必要ですか?

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

dojo - dojo dgrid がレンダリングされない

私は js フレームワークの初心者で、現在 Dojo を試して、プロジェクトに最適かどうかを確認しています。Dojo をうまく機能させるのに苦労しています。Dojo の dgrid を使用してみました。このコードは、多かれ少なかれチュートリアルから直接離れたものであり、すべての依存関係 (dgrid/xstyle や put-selector など) もあると思います。 page.Can 誰かこれで私を助けてください。

これが私のjsセットアップです(Tomcatで)

ここに画像の説明を入力 これが私のコードです(チュートリアルセクションからほぼまっすぐに持ち上げます)

ここに私が見ているものがあります(グリッドがまったく表示されず、jsエラーもありません)。 ここに画像の説明を入力

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

javascript - Id で dgrid のインスタンスを取得する

dgrid インスタンスを表す JavaScript オブジェクトへの参照を取得するにはどうすればよいですか。次のコードを検討してください。

gridプログラムで作成されているため、ここにアクセスするのは簡単ですが、宣言的に作成された場合は、次のようになります。

  • dojo.byId('grid')DOM ノードを返します。
  • dijit.byId('grid')戻りますundefined
  • 追加しdata-dojo-idても明らかに効果はありません。

背後にある実際の JavaScript オブジェクトへの参照を取得するにはどうすればよい#gridですか?

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

javascript - グリッドを使用して ajax からのデータ ソースを表示する作業グリッドを作成するにはどうすればよいですか?

dgrid (新しい Dojo グリッド) に関するチュートリアルを学習したので、サンプル コードを学習しました。
ここにリストするものを 1 つ選んでみましょう。

Ajax データ ソースからデータを表示できるかどうか知りたいだけです。それを実装する方法。

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

dojo - Dgrid Horizo​​ntall ScrollがSafariで機能しない

ipadまたはMACでdgridをテストするときに、いくつかの問題に直面しました。1) dgrid はパーセンテージで幅を取りません 2) .dgrid-scroller に絶対位置があるため、水平スクロール バーは表示されません。私が犯した間違いは何ですか?

水平スクロールが機能しない例があり ます http://dojofoundation.org/packages/dgrid/demos/gantt/

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

jsf - Dojo1.8関数を使用してJSFajax結果を実行する

私はDojoを初めて使用します(実際、すべてのフロントエンドプログラミングでは、JavaとC#で何年もサーバー側で作業しています)。私は現在、Java Server Faces(JSF)2.1を使用しており、JSFとDojo Grid(dgrid)をDojo1.8で使用して簡単なデモをまとめようとしています。ガントチャートの作成方法を示すdgridサイトの例がありますが、この例では、アプリケーションサーバーからJSONデータを抽出して関数にフィードする方法を示していません。問題は、脳をARMに巻き付けるのに苦労していることです。そこでの経験が、私の痛みの一部を軽減するのに役立つことを願っています。ここにいくつかのコードがあります:

これは私が作成したhtmlファイルにあり、ロード時にガントを作成するだけです。

「データ」は別のjsファイルから取得され、DOJOのMemoryオブジェクトに丸呑みされたJSONデータです。

さて、私が欲しいのは、バックエンドでいくつかのロジックを実行し、DOJOのメモリストアに追加してGanttGridに渡すことができるJSONデータを返すJSFマネージドBeanのメソッドを呼び出すことができることですが、私は思えませんajaxリクエストでそれを実現する方法を理解するために。

これが、Beanからデータを正常に取得して画面に表示するXHTMLファイルにあるものです。

私が欲しいのは、JSF BeanでexecuteDemoの結果をキャプチャして、GanttGridを作成する関数に渡すことです。DOJOの「オン」機能を使用してみましたが、ボタンのクリックをキャプチャすることしかできません(私が言えることから)...実行がいつ完了したかを知る方法がわからないので、 Beanからデータを取得し、グラフを作成します。最大の問題は、DOJOリクエストモジュールを使用してJSFBeanを呼び出す方法がわからないことです。

誰かがこれを達成する簡単な方法を知っていることを願っています。助けてくれてありがとう!さらに情報が必要な場合はお知らせください...関連するすべてのコードを含めようとしました。

-ポール

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

javascript - dojo/dgrid 用の TextArea セル レンダラー

テーブル構造を定義するために dgrid/Grid を使用しています。表のセルに複数行のテキストを表示したい。セル エディターを TextArea にする方法を見つけました。ただし、レンダラーに複数行のテキストも表示させる方法は明確ではありません。どうすればこれを達成できますか? これは私が持っているものです:

「getCellEditor」は、 dijit/form/TextAreaを返すヘルパー メソッドです。セルをダブルクリックすると、複数行のテキスト エリアが生成されます。しかし、編集を終了してセルから離れると、セル テキストは 1 行表示に戻ります。グリッド定義全体は次のとおりです。

これは私の最初の JavaScript に関する質問です。不足している情報や不適切な情報がある場合はご容赦ください。この質問に回答するために他に情報が必要な場合は、お知らせください。