2011-07-29 17 views
2

私はjqgrids、デフォルトのCRUDオプションを使用しようとしています。私のコードは以下の通りです:jqgrid空白追加ダイアログボックス

$("#roleFlexigrid").jqGrid({ 
    //url : 'roleList.htm?t=' + new Date().getTime(), 
    //method : 'GET', 
    datatype : 'jsonstring', 
    datastr: gridData, 
    colNames : [ 'Name' ], 
    colModel : [ { 
     name : 'name', 
     search : 'true', 
     index : 'name', 
     width : 665, 
     jsonmap : "cell.name" 
    } ], 
    jsonReader : { 
     repeatitems : false, 
     root : "rows", 
     cell : "cell", 
     id : "id", 
     page : "page", 
     records : "records" 
    }, 
    viewrecords : "true", 
    prmNames : { 
     rows : "rp", 
     sort : "sortname", 
     order : "sortorder" 
    }, 
    pager : "#pager", 
    rowNum : 10, 
    rowList : [ 10, 20, 30 ], 
    sortorder : "asc", 
    sortname : "name", 
    caption : "Roles", 
    height : 210 
}); 

$("#roleFlexigrid").jqGrid('navGrid', '#pager', { 
    add:true, 
    del : true, 
    search : true, 
    refresh : true 
}, {}, // edit parameters 
     { // add parameters 
      url : 'addRole.htm'    
     }); 

現在、私は空白の追加ダイアログボックスをフィールドなしで取得しています。すべてのフィールドを取得してURLの内容を送信するように設定するにはどうすればよいですか。また、メッセージやボタンの追加/変更など、これらのCRUDダイアログボックスをカスタマイズする方法もあります。

ありがとう! editableとしてフィールドをマークする

答えて

2

試してみてください。

colModel : [ { 
    name : 'name', 
    search : 'true', 
    index : 'name', 
    width : 665, 
    jsonmap : "cell.name", 
    editable:true 
} ], 

ドキュメントから:フィールドが編集可能な場合

編集可能

を定義します。このオプションは、セル、インライン、およびフォームモジュールで使用されます。

+0

ありがとうジャスティン、それはトリックでした。 – user620339

+0

また、メッセージ/タイトルやボタン名の追加/変更など、これらのCRUDダイアログボックスをカスタマイズする方法もあります。 – user620339

+0

カスタマイズが限られています。このページをご覧ください:http:// www。 trirand.com/jqgridwiki/doku.php?id=wiki:form_editing。しかし、一般的には、カスタムダイアログが必要な場合は、組み込みダイアログを使用する代わりに独自のダイアログを作成することを検討してください。それは*難しいことではありませんし、ルック・アンド・フィールを完全にコントロールすることができます。 –

0

のためだけではjqgridスクリプト最後にこのコードを作る、jqgridダイアログCRUDをカスタマイズ作成:ボタンポケットベルjqgridに呼ばれるためのフォームを作成するために

.navButtonAdd("#id_row_grid",{ 
           caption:"Title", 
           buttonicon:"ui-icon-select", //for icon 
           onClickButton:function(){ //for button click in pager 
            jQuery("#id_form_popup").dialog({ //dialog form use for popup after click button in pager 
             autoOpen:false, 
             height: 340, 
             width: 630, 
             modal:true 
            }); 
            jQuery("#id_form_popup").dialog("open"); 
            } 
           }); 

は忘れないでください。作成されたフォームフォームではなく、呼び出されたダイアログフォームでのみコーディングされます。ありがとう。

関連する問題