ホームページ > ウェブフロントエンド > jsチュートリアル > jqgridの編集とfunctions_jqueryの追加の詳細な分析

jqgridの編集とfunctions_jqueryの追加の詳細な分析

WBOY
リリース: 2016-05-16 17:16:51
オリジナル
1156 人が閲覧しました

ColModel は、テーブル列のプロパティを設定する jqGrid の最も重要なプロパティです。

使用法:

Java コード:

コードをコピー コードは次のとおりです:

jQuery(" #gridid" ).jqGrid({
...
ColModel: [ {name:'name1',index:'index1'...}, {...}, ... ],
..
});

プロパティ データ型 備考 デフォルト値
align 文字列 セルの配置を定義します。 :left、center、right
classes string 列のCSSを設定します。複数のクラスは、「class1 class2」のようにスペースで区切ります。テーブルのデフォルトの CSS 属性は、日付列をフォーマットする ui-ellipsis 空の文字列
datefmt 文字列です。 「/」、「-」、および「.」はすべて有効な日付区切り文字です。 y,Y,yyyy year YY, yy month m,mm (monthsd,dd day) ISO Date (Y-m-d)
defval string フィールドのデフォルト値を問い合わせる 空
editable boolean セルが編集可能かどうか false
editoptions 配列 列の編集時に設定されるいくつかの属性 空の配列
editrules 配列 編集可能なセルに対するいくつかの追加の属性設定 空の配列
edittype string 編集できるタイプ。オプションの値: text、textarea、select、checkbox、password、button、image、file text
fixed boolean 列幅を固定かつ不変にするかどうか false
formoptions 配列 フォームを編集するときの属性設定 空
formatoptions 配列 特定の列をフォーマットするための設定 なし
フォーマッタ混合 列をフォーマットするときに設定する関数名または型 なし
hidlg boolean この列を表示するか非表示にするか false
hidden boolean 初期化中 フォーマット時にこの列を非表示にするかどうかtable false
index string ソート時のソートフィールド名のインデックスを定義します。パラメータ名は sidx です。 空の文字列
jsonmap string 返される JSON データマッピングを定義します。 none
key boolean サーバーからの場合 何もない場合クライアントから返されたデータ内の id は、これを唯一の rowid として使用します。デフォルトでは、id 属性は 1 つだけ存在できます。 false
label 文字列。colNames が空の場合、この値を列の表示名として使用します。どちらでもない場合は、この値を列の表示名として使用します。が設定されており、名前の値を使用します。 なし
name 文字列 必須、テーブルの列名、すべてのキーワード、予約語はサブグリッド、cb および rn を含む名前として使用できません。 必須
resizable boolean サイズ変更可能かどうか true
。 search boolean 検索モードで、この列を検索列として使用できるかどうかを定義します true
searchoptions array 検索パラメーターを設定します empty
sortable boolean ソートできるかどうか true
sorttype string データ型がローカルの場合に使用されます。検索列を定義します。 タイプ、オプションの値: int/integer - 整数を並べ替えます float/number/currency - 数値を並べ替えます date - 日付テキストを並べ替えます - テキスト テキストを並べ替えます
stype string 検索要素のテキストのタイプを定義します
surl string いつデータの検索 URL 空の文字列
幅 数値 デフォルトの列幅 (パーセンテージではなくピクセル値のみ) 150
xmlmap 文字列 現在の列と返された XML データの間のマッピング関係を定義 なし
unformat function ' unformat 'セル値 null

ソース コードに

を追加します。コード をコピーします。コードは次のとおりです。

editurl:'index.php?do=do_edit',
addurl:'index.php?do=do_add',
データ型:'xml',
mtype:'GET' ,
colNames:['ID', 'タスク名','クラス'
colModel:[
:100,align:'center ',searchoptions:{sopt:['eq','ne' 、'lt'、'le'、'gt'、'ge']}}、
{name:'taskname'、index:'taskname'、width:100、align:'center'、editable:true} 、
{name:'classid'、index:'classid'、width:100、align:'center'、editable:true、edittype:'select '、editoptions: {
値: '1 : トランザクション; 2: 非トランザクション'},editselected:'classid'
},

]、


検索

eq は等しい ( = )
ne は等しくない ( <> )
lt は小さい ( < )
le は以下 ( <= )
gt は ( > ) より大きい
ge は以上 ( >= )
bw は ( LIKE val% ) で始まります
bn はで始まりません (val% とは異なります)
in は含まれます ( () 内)
ni は含まれません (() 内ではありません)
ew は (LIKE %val ) で終わります
en は含まれます
で終わらない cn が含まれます (LIKE %val% )
nc
が含まれません

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート