1. Home
  2. jQueryのEasyUIデータグリッド - カスタムの並べ替え

jQueryのEasyUIデータグリッド - カスタムの並べ替え2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。

jQueryのEasyUIデータグリッド - カスタムの並べ替え

デフォルトのソート動作がニーズに合わない場合は、動作をソートデータグリッド（データグリッド）をカスタマイズすることができます。

ユーザーは関数名を並べ替えるには、列に定義することができ、最も基本的にはソータです。 この関数は、2つの値をとり、次のように、戻り値は次のようになります。

valueA> VALUEB =>は1を返します。

valueA <VALUEB => -1

カスタムソートコード 

	<表のID = "TT"> </テーブル>

	$（ '＃Ttの'）。データグリッド（{
		タイトル：「カスタムの並べ替え」、
		iconCls：「アイコン-OK」、
		幅：520、
		高さ：250、
		singleSelect：trueの場合、
		remoteSort：偽、
		列：[[
			{フィールド： 'ITEMID'、タイトル：「アイテムID」、幅：60、ソート可能：真}、
			{フィールド： 'listprice'、タイトル：「定価」、幅：70、整列する：「右」、ソート可能：真}を、
			{フィールド： 'unitcost'、タイトル：「単価」、幅：70、整列する：、「右」ソート可能：真}、
			{フィールド： 'ATTR1'、タイトル：「属性」、幅：120、ソート可能：真}、
			{フィールド：「日付」、タイトル：「日付」、幅：80、ソート可能：trueの場合、整列する：「センター」を、
				ソーター：関数（a、b）は{
					= a.split（ '/'）;
					B = b.split（ '/'）;
					{（[2] [2] == b）は場合
						{（[0] [0] == b）は場合
							リターン（[1]> B [1] 1：？-1）。
						}エルス{
							リターン（[0]> B [0] 1：？-1）。
						}
					}エルス{
						リターン（[2]> B [2] 1：？-1）。
					}
				}
			}、
			{フィールド：「ステータス」、タイトル：「ステータス」、幅：40、整列する： '中央'を}
		]]
	。}）データグリッド（ 'loaddataの'、データ）;

あなたは私たちが日付のソーターカスタム列を作成し、このコードから見ることができます。 日付形式が「日/月/年」であり、それは簡単に日付順にソートすることができます。

jQueryのEasyUI例をダウンロード

jeasyui-datagrid-datagrid14.zip

ホットチュートリアル

お問い合わせ

jQueryのEasyUIデータグリッド - カスタムの並べ替え
10/30