質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.78%

JQgridの追加時のソート方法について

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 2,222
退会済みユーザー

退会済みユーザー

Jqgridでデータの入力をさせています。追加、編集、削除は正常に行われるのですが
追加時にデータをソート(id順)してくれません。 ヘッダーの上下ではソートは
できるのですが、なんとか追加時に自動でソートさせたいのです。

$("#grid01").jqGrid({
data: dt1,
editurl: 'clientArray',
datatype: "local",
colNames: ['id','日付', '工事区分', '料金種別', '数量', '施工業者', '班数'],
colModel: [
{ name: 'id', index: 'id', width: 55, editable: false, frozen: true, sorttype: 'text', sortable: true, key: true },
/* 日付 */
{
index: 'Hiduke', name: 'Hiduke', width: '70px', align: 'left', editable: true,
sortable: true,
//dateFormat: 'Y/m/d',
formatter: 'date',

formatoptions: {
//srcformat: 'ISO8601Long',
newformat: 'Y/m/d'

},
edittype: 'text',
editoptions: {
size: 12,
maxlengh: 12,
dataInit: function (element) {
$(element).datepicker({
dateFormat: "yy/m/d",
numberOfMonths: 3,     // 3ヶ月分表示
showCurrentAtPos: 1,   // 表示位置は左から2番目 (真ん中)
stepMonths: 3,         // 月の移動を3ヶ月単位とする
showButtonPanel: true, // ボタン領域を表示
gotoCurrent: true      // ボタン領域に「今日」ボタンを表示
})
}
},
editrules: {
/*required: true, date: true*/
date: true
},
},
/* 工事区分 */
{
index: 'Gua_Kouji_KubunId', name: 'Gua_Kouji_KubunId', width: '200px', align: 'center', editable: true,
edittype: "select", // edittype を select とする
formatter: "select",
editoptions: { value: kouji_kubun_m },
sortable: false
},

/* 料金種別 */
{
index: 'Gua_RyoukinId', name: 'Gua_RyoukinId', width: '150px', align: 'center', editable: true,
edittype: "select", // edittype を select とする
formatter: "select",
editoptions: { value: ryoukin_m },
sortable: false
},

/* 数量 */
{ name: 'Suryou', index: 'Suryou', width: 50,  editable: true },

/* 施工業者 */
{
index: 'Gua_SekousyaId', name: 'Gua_SekousyaId', width: '150px', align: 'center', editable: true,
edittype: "select", // edittype を select とする
formatter: "select",
editoptions: { value: sekousya_m },
sortable: false
},

/* 班数 */
{ name: 'Hansu', index: 'Hansu', width: 50,  editable: true }
],
cellEdit: false,               // false: セルの直接編集はしない
autoencode: true,             // true: データをエンコード
rowNum: 10,
loadonce: true,
rowList: [10, 20, 30],
pager: '#pager1',
cellsubmit: 'clientArray',
sortname: 'id',
viewrecords: true,
sorttable: true,
sortorder: "asc",
caption: "",
shrinkToFit: false,
height: 300,
width: 800,
navOptions: {
edit: false,
add: false,
del: false,
refresh: false,
search: false,
},
beforeEditCell: function (rowid, cellname, value, iRow, iCol) {
// クリックされたセルを記録
savedRow = iRow;
savedCol = iCol;
},
});
$("#grid01").jqGrid('navGrid', '#pager1', { edit: true, add: true, del: true });
//列を非表示にする
//$('#grid01').jqGrid('hideCol', 'sdate');
$("#grid01").jqGrid('setFrozenColumns');  //固定列表示にする

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

自己解決しました。'navGrid'を追加した後に{}でそれぞれの処理が記述できます。

$("#grid01").jqGrid('navGrid', '#pager1',
{ edit: true, add: true, del: true },
{
closeAfterEdit: true//編集後閉じる ここがedit
},
{  //以下の分がadd
reloadAfterSubmit: false,  
afterComplete: function (response, postdata, formid) {
// 追加が完了した時のイベント処理
$('#grid01').trigger('reloadGrid');
}            
},
addはreloadAfterSubmit: falseとafterComplete: function で
書き込み後理ロードを行いidでソートした結果で表示されました。

とりあえず上記の方法で解決しました。                                                  {}

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.78%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る