Wijmo UI for the Web
wijgrid jQuery ウィジェット
データに関する理解を深め、効果的に表示できるように、対話的にデータを選択、編集、ソート、スクロール、フィルタ、およびグループ化します。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ： wijmo.grid.wijgrid.options
     
    $(".selector").wijgrid(options);
});
Javascript (Specification) 
function wijgrid() : any;
解説
WijGrid IColumnインタフェースのオプションを使用してグリッドの列の動作を変更することもできます。
オプション
 名前解説
public オプションallowColMoving

エンドユーザーが列をドラッグ＆ドロップして並べ替えできるかどうかを決定します。

デフォルト値: false

型: Boolean

 
public オプションallowColSizing

ユーザーが列ヘッダの端にあるサイズ変更ハンドルをドラッグして列の幅を変更できるかどうかを決定します。

デフォルト値: false

型: Boolean

 
public オプションallowEditing

ユーザーがグリッドのセルの内容を変更できるかどうかを決定します。

このオプションは廃止としてマークされました。代わりに editingMode オプションを使用してください。

デフォルト値: false

型: Boolean

 
public オプションallowKeyboardNavigation

ユーザーがキーボードの方向キーを使用して現在のセルを変更できるかどうかを決定します。

デフォルト値: true

型: Boolean

 
public オプションallowPaging

ユーザーがデータページの移動に使用できるページングボタンをグリッドに表示するかどうかを決定します。各ページのデータの行数は pageSize オプションを使用して設定します。

デフォルト値: false

型: Boolean

 
public オプションallowSorting

ユーザーが列ヘッダをクリックすることによってフィールドのデータをソートできるかどうかを決定します。

デフォルト値: false

型: Boolean

 
public オプションallowVirtualScrolling

仮想スクロール機能を有効にするかどうかを示します。ページングなしで大量のデータを使用する場合、効率を高めるには、このオプションをtrueに設定します。このオプションは廃止されました。代わりにscrollingSettings.virtualization.modeオプションを使用してください。

デフォルト値：false

型：Boolean

 
public オプションcalendar

デフォルト値: null

グリッドでのカレンダーのオプションを示す値。inputdateのカレンダーに適用されます。

 
public オプションcellStyleFormatter

wijgrid がセルの外観を変更するたび（たとえば、現在のセルの位置が変更されたときや、セルが選択されたときなど）に呼び出される関数を作成します。これを使用して、セルの状態に応じてセルのスタイルをカスタマイズできます。

デフォルト値: undefined

型: Function

 
public オプションcolumns

列オブジェクトの配列。

デフォルト値:[]

型: wijmo.grid.IColumn[]

 
public オプションcolumnsAutogenerationMode

列の自動生成の動作を決定します。

デフォルト値: merge

型: String（有効な値は以下を参照）

 
public オプションculture

グリッドのレンダリングに使用するカルチャ ID を決定します。このオプションを有効にするには、使用するカルチャ ID と一致する globalize.culture ファイルへの参照を含める必要があります。詳細については、「ローカライズとグローバライズ」を参照してください。

デフォルト値:""

型: String

 
public オプションcultureCalendar

グリッド内の日付の書式設定に使用するカルチャカレンダーを示す値。このオプションは、culture オプションで使用されている値と一致する必要があります。

デフォルト値:""

型: String

 
public オプションcustomFilterOperators

型: wijmo.grid.IFilterOperator[]

デフォルト値: []

カスタムユーザーフィルタの配列。このオプションは、デフォルトのフィルタ演算子のセットを独自のフィルタ演算子によって拡張する場合に使用します。カスタムフィルタはフィルタドロップダウンに表示されます。

 
public オプションdata

デフォルト値: null

データソースを決定します。以下のデータソースが使用できます。 1. DOM テーブル。これは data オプションが null の場合に使用されるデフォルトのデータソースです。テーブル内のセルに rowSpan および colSpan 属性が設定されていない必要があります。 2. 2 次元配列。例: [[0, "a"], [1, "b"]] 3. オブジェクトの配列。例: [{field0: 0, field1: "a"}, {field0: 1, field1: "b'}] 4. wijdatasource。 5. wijdataview。

 
public オプションdetail

型：wijmo.grid.IDetailSettings

階層グリッド内の詳細グリッドの設定を決定します。これは、階層グリッド内の詳細グリッドにデータを挿入するためのテンプレートとして使用されます。

 
public オプションeditingInitOption

デフォルト値: 'auto'

editigModeオプションが"cell"に設定されている場合、セルを編集モードにするためのアクションを決定します。有効な値は、"click"、"doubleClick"、"auto" です。

 
public オプションeditingMode

デフォルト値: 'none'

編集モードを決定します。有効な値は、"none"、"row"、"cell" です。

 
public オプションensureColumnsPxWidth

デフォルト値: false

正確な列幅（ピクセル単位）を使用するかどうかを決定します。

 
public オプションfilterOperatorsSortMode

デフォルト値: 'alphabeticalCustomFirst'

フィルタドロップダウンリストの項目の順序を決定します。有効な値は、"none"、"alphabetical"、"alphabeticalCustomFirst"、"alphabeticalEmbeddedFirst" です。

 
public オプションfreezingMode

垂直または水平方向のフリーズハンドルをマウスでドラッグして、静的な列または行の位置を変更できるかどうかを決定します。有効な値は、"none"、"columns"、"rows"、"both"です。これは廃止されました。代わりに、scrollingSettings.freezingModeプロパティを使用してください。

 
public オプションgroupAreaCaption

グループ領域に表示するテキストを設定します。

デフォルト値: 'Drag a column here to group by that column.'

型: String

 
public オプションgroupIndent

デフォルト値: 10

グループのインデント（ピクセル単位）を決定します。

 
public オプションhighlightCurrentCell

デフォルト値: false

現在のセルの位置が強調表示されるかどうかを決定します。

 
public オプションhighlightOnHover

デフォルト値: true

マウスを合わせた行が強調表示されるかどうかを決定します。

 
public オプションkeyActionTab

デフォルト値：'moveAcross'

ユーザーが［Tab］キーを押すと実行されるアクションを決定します。

 
public オプションloadingText

デフォルト値: 'Loading...'

グリッドのロード中に表示されるテキストを決定します。

 
public オプションnullString

デフォルト値: ""

このプロパティの値に等しいセル値は null 値と見なされます。このオプションは、null 値のデフォルトの表現（空の文字列）を他のものに変更する場合に使用します。

 
public オプションpageIndex

現在のページの 0 から始まるインデックスを決定します。このオプションは、ページング機能を使用しているときに特定のレコードページを表示するために使用します。

デフォルト値:0

型: number

 
public オプションpagerSettings

モード（ページボタンまたは［次へ］/［前へ］ボタン）、ページボタンの数、ボタンの表示位置などの、グリッドのページャー設定を決定します。

デフォルト値:

{mode: "numeric", pageButtonCount: 10, position: "bottom"}

型: wijmo.grid.IPagerSettings オブジェクト

 
public オプションpageSize

allowPaging が true に設定されてるときに 1 ページに配置する行数を指定します。

デフォルト値:10

型: number

 
public オプションreadAttributesFromData

デフォルト値: false

データ値の中で DOM セル属性を渡せるかどうかを示す値。

 
public オプションrowHeight

仮想スクロールを使用するときの行の高さを決定します。これは廃止されました。代わりに、scrollingSettings.virtualization.rowHeightプロパティを使用してください。

 
public オプションrowStyleFormatter

wijgridの行のスタイル設定に使用される関数。

 
public オプションscrollingSettings

型：wijmo.grid.IScrollingSettings

スクロール設定を指定します。

 
public オプションscrollMode

どのスクロールバーがアクティブか、およびそのスクロールバーがコンテンツのサイズに基づいて自動的に表示されるかどうかを決定します。有効な値は、"none"、"auto"、"horizontal"、"vertical"、"both"です。これは廃止されました。代わりに、scrollingSettings.modeプロパティを使用してください。

 
public オプションselectionMode

デフォルト値: singleRow

一度に選択できるセル、セル範囲、列、または行を決定します。

有効な値は以下のとおりです。

  • none - 選択できないようにします。
  • singleCell - 1 つのセルだけを選択できます。
  • singleColumn - 1 つの列だけを選択できます。
  • singleRow - 1 つの行だけを選択できます。
  • singleRange - 1 つのセル範囲だけを選択できます。
  • multiColumn - マウスと［Ctrl］キーまたは［Shift］キーを使用して、同時に複数の列を選択できます。
  • multiRow - マウスと［Ctrl］キーまたは［Shift］キーを使用して、同時に複数の行を選択できます。
  • multiRange - マウスと［Ctrl］キーまたは［Shift］キーを使用して、同時に複数のセル範囲を選択できます。
 
public オプションshowFilter

デフォルト値: false

フィルタ行が表示されるかどうかを示す値。フィルタ行には、列フィルタリングインタフェースが表示されます。

 
public オプションshowFooter

デフォルト値: false

フッタ行が表示されるかどうかを示す値。フッタ行には、元のテーブルの tfoot セクションが表示されます。合計を表示することもできます。

 
public オプションshowGroupArea

デフォルト値: false

グループ領域が表示されるかどうかを示す値。グループ領域には、グループ化された列のヘッダが表示されます。allowColMoving オプションがオンの場合、ユーザーはマウスで列ヘッダをグループ領域にドラッグしたり、グループ領域から列をドラッグしたりできます。

 
public オプションshowRowHeader

デフォルト値: false

行ヘッダが表示されるかどうかを示す値。

 
public オプションshowSelectionOnRender

デフォルト値: true

wijgrid がレンダリングされたときに自動的に現在のセル位置が選択された状態で表示されるかどうかを示す値。currentCell が自動的に選択されないようにする場合は、このオプションを false に設定します。

 
public オプションstaticColumnIndex

グリッドビューが水平方向にスクロールされるときに、常に左側に表示される列のインデックスを示します。これは廃止されました。代わりに、scrollingSettings.staticColumnIndexプロパティを使用してください。

 
public オプションstaticColumnsAlignment

静的な列の配置を取得または設定します。有効な値は、"left"、"right"です。これは廃止されました。代わりに、scrollingSettings.staticColumnsAlignmentプロパティを使用してください。

 
public オプションstaticRowIndex

wijgridが垂直方向にスクロールされるときに、常に上部に表示されるデータ行のインデックスを示します。これは廃止されました。代わりに、scrollingSettings.staticRowIndextプロパティを使用してください。

 
public オプションtotalRows

デフォルト値: -1

wijgrid の項目の仮想数を取得または設定し、カスタムページングを有効にします。このオプションを正の値に設定すると、カスタムページングが有効になります。表示される行数と総ページ数は totalRows と pageSize の値によって決定されます。

 
トップ
メソッド
 名前解説
public メソッドbeginEditeditingMode オプションが "cell" に設定されている場合、現在のセルを編集モードにします。  
public メソッドcancelRowEditing変更を破棄して行の編集を終了します。  
public メソッドcolumns
</>概要説明（JavaScriptソースコメント）
可視列ヘッダにバインドされたウィジェットの1次元配列を返します。  
public メソッドcurrentCellグリッドの現在のセルを設定します。  
public メソッドdata基になるデータの配列を取得します。  
public メソッドdataView基になる wijdataview インスタンスを取得します。  
public メソッドdeleteRow指定した行を削除します。  
public メソッドdestroy  
public メソッドdetailswijgrid内の階層ノードで構成される配列を返します。  
public メソッドdoRefreshwijgrid を再レンダリングします。  
public メソッドeditRow指定した行の編集を開始します。editingMode オプションが "row" に設定されている場合にのみ使用できます。  
public メソッドendEdit現在のセルの編集を終了します。  
public メソッドensureControl列ウィジェットのオプションを wijgrid オプションに移動し、wijgrid をレンダリングします。このメソッドは、wijgrid を再レンダリングするときやデータソースからリモートデータを再ロードするときに使用します。  
public メソッドexportGridグリッドを指定した形式にエクスポートします。 このエクスポートメソッドは、ページにwijmo.exporter.gridExportの参照が存在する場合にのみ機能します。  
public メソッドgetCellInfoグリッドの指定したセルを表す wijmo.grid.cellInfo クラスのインスタンスを取得します。  
public メソッドgetFilterOperatorsByDataType指定したデータ型に適用できるフィルタ演算子の 1 次元配列を返します。  
public メソッドpageCountページ数を取得します。  
public メソッドselectionグリッド上の選択を管理するオブジェクトを取得します。  
public メソッドsetSize幅と高さのパラメーターを使用してグリッドのサイズを設定します。  
public メソッドupdateRow編集を終了してデータソースを更新します。  
public メソッドwidgetオリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントafterCellEditafterCellEdit イベントハンドラは、セル編集が完了した後に呼び出される関数です。この関数は、編集の完了後に変更を加えるなどのさまざまなタスクを実行するとき、セル、列、または行の変更を追跡するとき、フロントエンドでカスタム編集機能を統合するときに役立ちます。  
public イベントafterCellUpdateafterCellUpdate イベントハンドラは、セルが更新された後に呼び出される関数です。このイベントは特に、変更された行または列のインデックスを追跡および記録する場合に役立ちます。  
public イベントbeforeCellEditbeforeCellEdit イベントハンドラは、セルが編集モードに入る前に呼び出される関数です。このイベントハンドラは、wijgrid のセルが編集モードに入る前にウィジェット、データ、またはその他の項目をセルに付加するときに役立ちます。このイベントは、editigModeオプションが"cell"に設定されている場合、キャンセルできます。  
public イベントbeforeCellUpdatebeforeCellUpdate イベントハンドラは、セルが新しいデータまたはユーザー入力データによって更新される前に呼び出される関数です。このイベントは、editigModeオプションが"cell"に設定されている場合、キャンセルできます。このイベントは、更新を実行する前にセルの値をチェックするときや、セルの値に基づいてアラートメッセージを表示するときなど、さまざまな場合に役立ちます。  
public イベントcellClickedcellClicked イベントハンドラは、セルがクリックされたときに呼び出される関数です。このイベントを使用して、クリックされたセルの情報を args パラメーターから取得できます。  
public イベントcolumnDraggedcolumnDragged イベントハンドラは、列のドラッグが開始されたときに呼び出される関数です。このイベントを使用して、ドラッグされている列やその列の位置を確認できます。  
public イベントcolumnDraggingcolumnDragging イベントハンドラは、列のドラッグが開始されたとき、wijgrid がその操作を処理する前に呼び出される関数です。このイベントはキャンセルできます。  
public イベントcolumnDroppedcolumnDropped イベントハンドラは、列が列領域にドロップされたときに呼び出される関数です。  
public イベントcolumnDroppingcolumnDropping イベントハンドラは、列が列領域にドロップされたとき、wijgrid がその操作を処理する前に呼び出される関数です。このイベントはキャンセルできます。  
public イベントcolumnGroupedcolumnGrouped イベントハンドラは、列がグループ領域にドロップされたときに呼び出される関数です。  
public イベントcolumnGroupingcolumnGrouping イベントハンドラは、列がグループ領域にドロップされたとき、wijgrid がその操作を処理する前に呼び出される関数です。このイベントはキャンセルできます。  
public イベントcolumnResizedcolumnResized イベントハンドラは、ユーザーが列のサイズを変更したときに呼び出されます。  
public イベントcolumnResizingcolumnResizing イベントハンドラは、ユーザーが列をサイズ変更しようとしたとき、wijgrid がその操作を処理する前に呼び出されます。このイベントはキャンセルできます。  
public イベントcolumnUngroupedcolumnUngrouped イベントハンドラは、グループ領域から列が削除されたときに呼び出されます。  
public イベントcolumnUngroupingcolumnUngrouping イベントハンドラは、グループ領域から列が削除されたとき、wijgrid がその操作を処理する前に呼び出されます。このイベントはキャンセルできます。  
public イベントcurrentCellChangedcurrentCellChanged イベントハンドラは、現在のセルが変更された後に呼び出されます。  
public イベントcurrentCellChangingcurrentCellChanging イベントハンドラは、セルが変更される前に呼び出されます。このイベントを使用して、選択されている行または列を取得したり、現在のセルにバインドされたデータ行を取得したりできます。このイベントはキャンセルできます。  
public イベントdataLoadeddataLoaded イベントハンドラは、データがロードされたときに呼び出される関数です。  
public イベントdataLoadingdataLoading イベントハンドラは、wijgrid が基になるデータソースからデータの一部をロードするときに呼び出される関数です。これを使用して、動的なリモート wijdatasource を使用している場合にサーバーに送信されるデータを変更できます。  
public イベントdetailCreatingwijgridが新しい詳細wijgridを作成する必要があるときに、detailCreatingイベントハンドラが呼び出されます。  
public イベントfilteredfiltered イベントハンドラは、wijgrid がフィルタリングされた後に呼び出される関数です。  
public イベントfilteringfiltering イベントハンドラは、フィルタリング操作が開始される前に呼び出される関数です。たとえば、このイベントを使用して、フィルタがデータに適用される前にフィルタリング条件を変更できます。このイベントはキャンセルできます。  
public イベントfilterOperatorsListShowingfilterOperatorsListShowing イベントハンドラは、フィルタドロップダウンリストが表示される前に呼び出される関数です。このイベントを使用して、ユーザー向けのフィルタ演算子のリストをカスタマイズできます。  
public イベントgroupAggregategroupAggregate イベントハンドラは、グループが作成されるとき、列オブジェクトの aggregate オプションが "custom" に設定されている場合に呼び出される関数です。このイベントはカスタム集計値を計算するときに役立ちます。  
public イベントgroupTextgroupText イベントハンドラは、グループが作成されるとき、groupInfo オプションの groupInfo.headerText オプションまたは groupInfo.footerText オプションが "custom" に設定されている場合に呼び出される関数です。このイベントを使用して、グループヘッダおよびグループフッタをカスタマイズできます。  
public イベントinvalidCellValueinvalidCellValue イベントハンドラは、セルの更新を開始する必要があるが、セル値が無効の場合に呼び出される関数です。したがって、wijgrid セルの値を列のターゲットタイプに変換できない場合、invalidCellValue イベントが発生します。  
public イベントloadedloaded イベントハンドラは、wijgrid のライフサイクルの最後に、wijgrid にデータが読み込まれて wijgrid がレンダリングされたときに呼び出される関数です。このイベントを使用して、グリッドの HTML コンテンツを操作したり、カスタムロード指示を完了したりできます。  
public イベントloadingloading イベントハンドラは、wijgrid のライフサイクルの最初に呼び出される関数です。このイベントを使用して、独自のロード進行状況インジケーターを開始できます。  
public イベントpageIndexChangedpageIndexChanged イベントハンドラは、ページインデックスが変更された後（たとえば、数字ボタンを使用してページを切り替えたときや、pageIndex オプションに新しい値を指定したときなど）に呼び出される関数です。  
public イベントpageIndexChangingpageIndexChanging イベントハンドラは、ページインデックスが変更される前に呼び出される関数です。このイベントはキャンセルできます。  
public イベントrenderedrendered イベントハンドラは、wijgrid がレンダリングされたときに呼び出される関数です。通常は、このイベントを使用する必要はありません。  
public イベントrenderingrendering イベントハンドラは、wijgrid がレンダリングされる直前に呼び出される関数です。通常は、このイベントを使用する必要はありません。  
public イベントselectionChangedselectionChanged イベントハンドラは、選択が変更された後に呼び出される関数です。  
public イベントsortedsorted イベントハンドラは、ウィジェットのソート後に呼び出される関数です。このイベントを発生させるには、allowSorting オプションを "true" に設定する必要があります。  
public イベントsortingsorting イベントハンドラは、ソート操作を開始する前に呼び出される関数です。このイベントはキャンセルできます。このイベントを発生させるには、allowSorting オプションを "true" に設定する必要があります。  
トップ

関連トピック

参照

Grid
wijgrid jQuery ウィジェット

 

 

Copyright © GrapeCity inc. All rights reserved.