一般に、jqGrid にはよく使用される基本プロパティがいくつかあります。
$("#id").jqGrid ({
url: "",
datatype: "local",
postData: { strJson: Data },
mtype: "post",
height: 45,
width : 450,
rowNum: rum, //ページごとのレコード数
pgtext: "ページ {0}/{1}",
pgbuttons: true,
autoheight: true,
rownumbers : false, // 行数を表示するかどうか
pgbuttons: true, // ページングボタンを表示するかどうか
pginput: true, // ページングページ数の入力を許可するかどうか
scrollrows: false, // 行スクロールを表示するかどうか Bar
viewrecords: true, // レコードの総数を表示するかどうか
multiselect: true, // チェックボックスを表示するかどうか
recordpos: " left", // レコード数の表示位置
sortorder: " asc", // ソート方法
pager: "#Pager"
)}
初期化中に、テーブルの初期化メソッドを実行したくない場合は、URL を設定する必要があります。URL は空で、データ型は「local」に設定されます。そうしないと、JS エラーが発生し、ボタンが表示されます。ページは機能しません。
最初にテーブルを初期化する必要がある場合は、.net mvc アーキテクチャの下で、つまり "/controller/action/" の形式で URL の値を設定する必要があります。最初の「/」は必須です。そうしないとバックグラウンドアクションを入力できません。最後の「/」は必要ないようで、通常は追加されます。 URL を設定した後、データ型が postData のデータ型と一致する必要があることにも注意してください。一致しないとエラーが発生します。たとえば、データ型: "json" の場合、postData は json オブジェクトを渡す必要があります。
テーブルの初期化を動的に実行したい場合は、先頭に URL 値を設定する必要はなく、データ型を "local" に設定します (そうしないとエラーが報告されます)。次に、jqGrid の初期化アクションを動的にトリガーします。
たとえば、テーブル内でダブルクリックした後にトリガーするには、コードは次のとおりです:
//行をダブルクリックしますevent
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum:studentNum,
rowNum: rum,
page: 1
});
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //テーブルの URL を設定します
datatype: "json ", //データ型を設定します
postData: { strJson: courseData }
});
テーブルデータを動的に表示できます。