ホームページ > ウェブフロントエンド > jsチュートリアル > jqGrid と jquery_jquery での jqGrid の属性設定を動的に表示するときに発生する可能性がある問題の解決策

jqGrid と jquery_jquery での jqGrid の属性設定を動的に表示するときに発生する可能性がある問題の解決策

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

一般に、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 }
});

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