並べ替えた列の特別なスタイル設定を有効/無効にします。False の場合、並べ替えられた列のセルで並べ替えに関連する特別なスタイルは適用されません。

並べ替えの大文字と小文字の区別を有効または無効にします。ローカルの並べ替えでのみ操作します。

特定の列のカスタムの並べ替え設定 (並べ替えが有効か無効か、デフォルトの並べ替え方向、最初の並べ替え方向など) を指定するカスタム列設定のリスト。

• allowSorting

  タイプ:

  bool

  デフォルト:

  true

  指定された列での並べ替えを有効または無効にします。デフォルトでは、すべての列が並べ替え可能です。

  コード サンプル

  // Initialize     $(".selector").igGrid({         features : [             {                 name : "Sorting",                 columnSettings : [                     {                         columnIndex: 0, allowSorting: true,                         firstSortDirection: "ascending",                         currentSortDirection: "descending"                     }                 ]             }         ]     });

• columnIndex

  タイプ:

  number

  デフォルト:

  null

  列インデックス。すべての列設定にキーまたはインデックスのどちらかを設定する必要があります。

  コード サンプル

  // Initialize $(".selector").igGrid({     features : [         {             name : "Sorting",             columnSettings : [                 {                     columnIndex: 0,                     allowSorting: true,                     firstSortDirection: "ascending",                     currentSortDirection: "descending"                 }             ]         }     ] });   // Get var colSettings = $(".selector").igGridSorting("option", "columnSettings"); var colIndex = colSettings[0].columnIndex;

• columnKey

  タイプ:

  string

  デフォルト:

  null

  列キー。すべての列設定にキーまたはインデックスのどちらかを設定する必要があります。

  コード サンプル

  // Initialize $(".selector").igGrid({     features : [         {             name : "Sorting",             columnSettings : [                 {                     columnKey: "ProductID",                     allowSorting: true,                     firstSortDirection: "ascending",                     currentSortDirection: "descending"                 }             ]         }     ] });   //Get var colSettings = $(".selector").igGridSorting("option", "columnSettings"); var colKey = colSettings[0].columnKey;

• compareFunc

  タイプ:

  enumeration

  デフォルト:

  null

  カスタム比較に使用される関数 (文字列または関数) への参照。 関数は以下の引数を受け取ります:
  val1: 比較する最初の値
  val2: 比較する 2 番目の値
  recordsData (オプション) - 3 つのプロパティを持つオブジェクト: fieldName - 並べ替えたフィールドの名前; record1 - 比較する最初のレコード; record2 - 比較する 2 番目のレコード
  関数は以下の数値を返します:
  0 - 値が等しい場合
  1 - val1 > val2 の場合
  -1 - val1 < val2 の場合

  メンバー

  • string
  • タイプ:string
  • グローバル ウィンドウ オブジェクトにある文字列としての関数名。
  • function
  • タイプ:function
  • カスタム比較で使用される関数。

  コード サンプル

  var myCompareFunc = function (fields, schema, reverse, convertf) {     return function (val1, val2) {         if (val1.Price > val2.Price) {             return 1;         }         if (val1.Price < val2.Price) {             return -1;         }         return 0;     } } // Initialize $(".selector").igGrid({     features : [         {             name : "Sorting",             columnSettings: [                 {                     columnIndex: 0,                     allowSorting: true,                     firstSortDirection: "ascending",                     compareFunc: "myCompareFunc"                 }             ]         }     ] });

• currentSortDirection

  タイプ:

  enumeration

  デフォルト:

  null

  現在の (またはデフォルトの) 並べ替え方向。この設定が指定されていない場合、このオプションに基づいて列が描画および並べ替えされます。

  メンバー

  • asc
  • タイプ:string
  • 列データの初期の並べ替えは昇順です。
  • desc
  • タイプ:string
  • 列データの初期の並べ替えは降順です。

  コード サンプル

  // Initialize $(".selector").igGrid({     features : [         {             name : "Sorting",             columnSettings : [                 {                     columnIndex: 0,                     allowSorting: true,                     firstSortDirection: "ascending",                     currentSortDirection: "descending"                 }             ]         }     ] });

• firstSortDirection

  タイプ:

  enumeration

  デフォルト:

  null

  それまでその列で並べ替えをしていない場合、これは最初の並べ替え方向になります。

  メンバー

  • asc
  • タイプ:string
  • 列データの最初の並べ替えは昇順です。
  • desc
  • タイプ:string
  • 列データの最初の並べ替えは降順です。

  コード サンプル

  // Initialize     $(".selector").igGrid({         features : [             {                 name : "Sorting",                 columnSettings : [                     {                         columnIndex: 0,                         allowSorting: true,                         firstSortDirection: "ascending",                         currentSortDirection: "descending"                     }                 ]             }         ]     });

カスタム並べ替え関数 (または文字列として関数の名前)。3 つのパラメーターを受け付けます - 並べ替えるデータ、データ ソースのフィールド定義の配列、および並べ替える方向 (オプション)。関数は並べ替えられたデータ配列を返す必要があります。

使用するダイアログ ウィジェットの名前。 $.ui.igGridModalDialog から継承します。

このオプションは 2017.2 バージョン以降サポートされません。
昇順で並べ替えるために機能セレクター項目でテキストを指定します (タッチ環境のみで表示されます)。locale.featureChooserSortAsc オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
降順で並べ替えるために機能セレクター項目でテキストを指定します (タッチ環境のみで表示されます)。
locale.featureChooserSortDesc オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
機能セレクターのテキストを指定します。
locale.featureChooserText オプションを使用します。

それまでその列で並べ替えをしていない場合、最初のクリックまたはキーの押下で使用する並べ替え方向を指定します。

子レイアウトで機能継承を有効または無効にします。注: igHierarchicalGrid のみに適用します。

ウィジェットのロケール言語設定を取得または設定します。

• ascending

  タイプ:

  string

  デフォルト:

  ""

  ヘッダー タイトルに使用される昇順テキスト。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             ascending: "Ascending"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").ascending;   //  Set $(".selector").igGridSorting("option", "locale", { ascending: "Ascending" });

• descending

  タイプ:

  string

  デフォルト:

  ""

  ヘッダー タイトルに使用される降順テキスト。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             ascending: "Ascending"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").ascending;   //  Set $(".selector").igGridSorting("option", "locale", { ascending: "Ascending" });

• featureChooserSortAsc

  タイプ:

  string

  デフォルト:

  ""

  昇順で並べ替えるために機能セレクター項目でテキストを指定します (タッチ環境のみで表示されます)。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             featureChooserSortAsc: "Sort A to Z"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").featureChooserSortAsc;   //  Set $(".selector").igGridSorting("option", "locale", { featureChooserSortAsc: "Sort A to Z" });

• featureChooserSortDesc

  タイプ:

  string

  デフォルト:

  ""

  降順で並べ替えるために機能セレクター項目でテキストを指定します (タッチ環境のみで表示されます)。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             featureChooserSortDesc: "Sort Z to A"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").featureChooserSortDesc;   //  Set $(".selector").igGridSorting("option", "locale", { featureChooserSortDesc: "Sort Z to A" });

• featureChooserText

  タイプ:

  string

  デフォルト:

  ""

  機能セレクターの並べ替えボタンのテキストを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             featureChooserText: "Sorting"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").featureChooserText;   //  Set $(".selector").igGridSorting("option", "locale", { featureChooserText: "Sorting" });

• modalDialogButtonApplyText

  タイプ:

  string

  デフォルト:

  ""

  モーダル ダイアログで変更を適用するボタンのテキストを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogButtonApplyText: "Apply"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogButtonApplyText;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogButtonApplyText: "Apply" });

• modalDialogButtonCancelText

  タイプ:

  string

  デフォルト:

  ""

  詳細並べ替えのモーダル ダイアログで変更をキャンセルするボタンのテキストを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogButtonCancelText: "Cancel"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogButtonCancelText;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogButtonCancelText: "Cancel" });

• modalDialogCaptionButtonAsc

  タイプ:

  string

  デフォルト:

  ""

  複数の並べ替えダイアログで昇順に並べ替えられた各列のキャプションを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogCaptionButtonAsc: "Ascending"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogCaptionButtonAsc;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogCaptionButtonAsc: "Ascending" });

• modalDialogCaptionButtonDesc

  タイプ:

  string

  デフォルト:

  ""

  [複数並べ替え] ダイアログの降順に並べ替えられた項目ごとにキャプションを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogCaptionButtonDesc: "Descending"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogCaptionButtonDesc;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogCaptionButtonDesc: "Descending" });

• modalDialogCaptionButtonUnsort

  タイプ:

  string

  デフォルト:

  ""

  [複数並べ替え] ダイアログの [並べ替えなし]ボタンのキャプションを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogCaptionButtonUnsort: "Unsort"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogCaptionButtonUnsort;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogCaptionButtonUnsort: "Unsort" });

• modalDialogCaptionText

  タイプ:

  string

  デフォルト:

  ""

  [複数並べ替え] ダイアログのキャプションのテキストを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogCaptionText: "Multiple Sorting"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogCaptionText;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogCaptionText: "Multiple Sorting" });

• modalDialogResetButton

  タイプ:

  string

  デフォルト:

  ""

  モーダル ダイアログで [リセット] ボタンのテキストを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogResetButton: "Reset"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogResetButton;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogResetButton: "Reset" });

• modalDialogSortByButtonText

  タイプ:

  string

  デフォルト:

  ""

  複数の並べ替えダイアログで並べ替えが解除された列ごとに並べ替えボタンのテキストを指定します。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             modalDialogSortByButtonText: "Sort By"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").modalDialogSortByButtonText;   //  Set $(".selector").igGridSorting("option", "locale", { modalDialogSortByButtonText: "Sort By" });

• sortedColumnTooltip

  タイプ:

  string

  デフォルト:

  ""

  並べ替えられた列の igTemplating 形式のカスタム ツールチップ。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             sortedColumnTooltip: "Sorted ${direction}"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").sortedColumnTooltip;   //  Set $(".selector").igGridSorting("option", "locale", { sortedColumnTooltip: "Sorted ${direction}" });

• unsortedColumnTooltip

  タイプ:

  string

  デフォルト:

  ""

  並べ替えていない列のツールチップ。

  コード サンプル

  //Initialize $(".selector").igGrid({     features: [{         name: "Sorting",         locale: {             unsortedColumnTooltip: "Sort column"         }     }] });   //  Get var text = $(".selector").igGridSorting("option", "locale").unsortedColumnTooltip;   //  Set $(".selector").igGridSorting("option", "locale", { unsortedColumnTooltip: "Sort column" });

モーダル ダイアログを表示/非表示にするためにアニメーション期間のミリ秒の時間を指定します。

このオプションは 2017.2 バージョン以降サポートされません。
モーダル ダイアログで変更を適用するボタンのテキストを指定します。
locale.modalDialogButtonApplyText オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
モーダル ダイアログで変更をキャンセルするボタンのテキストを指定します。
locale.modalDialogButtonCancelText オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
複数の並べ替えダイアログで昇順に並べ替えられた各列のキャプションを指定します。
locale.modalDialogCaptionButtonAsc オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
[複数並べ替え] ダイアログの降順に並べ替えられた項目ごとにキャプションを指定します。
locale.modalDialogCaptionButtonDesc オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
[複数並べ替え] ダイアログの [並べ替えなし]ボタンのキャプションを指定します。
locale.modalDialogCaptionButtonUnsort オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
[複数並べ替え] ダイアログのキャプションのテキストを指定します。
locale.modalDialogCaptionText オプションを使用します。

複数の並べ替えダイアログの高さを指定します。

このオプションは 2017.2 バージョン以降サポートされません。
複数の並べ替えダイアログで並べ替えが解除された列ごとに並べ替えボタンのラベルを指定します。
locale.modalDialogResetButton オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
複数の並べ替えダイアログで並べ替えが解除された列ごとに並べ替えボタンのテキストを指定します。
locale.modalDialogSortByButtonText オプションを使用します。

複数の並べ替えダイアログで列を並べ替える/並べ替えを解除するをクリックした時に直ちに並べ替えが適用されるかどうかを指定します。false の場合 [適用] ボタンが表示され、ボタンをクリックすると並べ替えが適用されます。

複数の並べ替えダイアログの幅を指定します。

単一列の並べ替えまたは複数列の並べ替えを定義します。

状態の間に並べ替えの永続化を有効/無効にします。

ウィジェットの領域設定を取得または設定します。

複数並べ替えダイアログのコンテインメント動作を管理します。
owner 複数並べ替えダイアログはグリッド領域のみにドラッグ可能です。
window 複数並べ替えダイアログはウィンドウ領域の全体にドラッグ可能です。

並べ替えの式を URL 内でエンコードする方法を指定する URL パラメーター名。OData conventions. ex: ?sort(col1)=asc を使用します。

昇順の並べ替えの URL パラメーター値。OData 規約を使用します。例: ?sort(col1)=asc。

降順の並べ替えの URL パラメーター値。OData 規約を使用します。

ローカルまたはリモート並べ替えを定義。

このオプションは 2017.2 バージョン以降サポートされません。
並べ替えされていない列の igTemplating 形式のカスタム ツールチップ。
locale.unsortedColumnTooltip オプションを使用します。