問題タブ [jqpivot]
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.
jqgrid - ピボットで列をグループ化する方法は?
pivot grid
車に関する販売情報を表示する を作成するために、次のコードを作成しました。画像のグリッドに似たグリッド構造を生成する必要があります
このための完全なコードは、このFiddle コードにあります。しかし、次のコード行で列ヘッダーをグループ化するコードを適用すると:
期待どおりに列をグループ化しません。それはなぜですか、どうすればこれを修正できますか?
明けましておめでとうございます!
jquery - ピボット グリッドの列を非表示/表示する方法は?
次のコードは、ツールバーに 2 つのボタンがあるピボット グリッドを生成します。
完全なコードを含む jsfiddleを次に示します。
グリッド ツールバーには、[非表示] と [表示] の 2 つのボタンがあります。ユーザーがhideをクリックすると、日付列'2011-04-23'、'2010-12-15'が非表示になり、ユーザーがshowをクリックすると、日付列'2011-04-23'、'2010-が表示されます。 12-15' .
次のコードを使用して非表示と表示を実現しました
非表示ボタンのクリックイベント
表示ボタンのクリックイベント
しかし、コード行は機能しjQuery("#list483").jqGrid('hideCol',datestoHide);
て jQuery("#list483").jqGrid('showCol',datestoShow);
いないようです。それはなぜですか?また、列を非表示/表示するにはどうすればよいですか?
jquery - Jqpivotの自動ソートを停止するには?
次の jqpivot グリッドは、レンタカーの販売情報を表示します。このための完全なコードはjsfiddleにあります
このwikiによると、wikiの下部にあるjqpivot公式wikiの自動ソートを抑制します:
x または y ベクトル全体によるカスタム ソート
オプション compareVectorsByX および compareVectorsByY を使用すると、x または y ベクトル全体によるカスタム ソートに使用されるコールバック関数を指定できます。
ベクトルによる並べ替えのデフォルトの実装は、ここにあります。ArrayOfFieldsets の compareVectorsEx メソッドです。この関数は次の 2 つの目的で使用されることを理解することが重要です。1) ベクトルを比較する、2) 比較したベクトルに違いがあるベクトルのインデックスを見つける したがって、compareVectorsEx メソッドは、index と result の 2 つのプロパティを持つオブジェクトを返します。プロパティの結果は既知の値 -1 です。これは、最初のベクトルが 2 番目のベクトルよりも小さいことを意味し、0 はベクトルが等しいことを意味し、1 は最初のベクトルが 2 番目のベクトルよりも大きいことを意味します。プロパティ index は、ベクトルが異なる比較ベクトルの要素の 0 ベースのインデックスを返します。
述べたように機能を追加しましたcompareVectorsEx
が、その機能を使用して自動ソートを停止するにはどうすればよいですか?
すべての x フィールドの自動ソートを停止する必要があります。並べ替えを停止する必要がある理由は、グリッドにフィールド make と model を元の json と同じ順序で表示させるためです。
アップデート:
各オブジェクトにjson
2 つのプロパティを持つように元のデータソースを変更しました。プロパティはのオブジェクトのプロパティの順序であり、プロパティはすべてのメイク名のプロパティの順序です。groupheaderorder
childorder
groupheaderorder
make
json
childorder
model
ここにjsonデータがあります
これはjsfiddleコードへのリンクです(これは、新しい2つのプロパティが追加されたことを除いて、私の元の投稿と同じコードです)
例を通してこれを説明しましょう
josn には 3 つのトヨタと 2 つの日産があります。同じメーカーとモデルgroupheaderorder
の番号とchildorder
番号を見ると、それらは同じ値を持っていますが、異なるメーカーとモデルの場合は異なる値を持っています.したがって、 と の組み合わせは、メーカーとモデルの異なる組み合わせに対して常に一意です. グループテキストとその子に独自のソート順を与えるには、これが良いオプションだと思いました。元のソート順を保持して表示するからです。groupheaderorder
childheaderorder
元のデータは、ストアド プロシージャ コードで変更できないストアド プロシージャからのものであり、返される結果セットには並べ替えに使用された列さえ含まれていません。したがって、ASP MVC から構築された私の Web アプリでは、そのコントローラー ロジックで、これらの 2 つの並べ替えプロパティを追加して、それらがjson.
他のより良い方法があるかもしれません。もしそうなら、私は本当に知りたいです:)
しかし、元の並べ替え順序を保持するためにこれら2つのプロパティを追加したので、生成されたピボットグリッドでこの順序を保持して表示することはできませんか?