jqGrid editformbutton 속성을 사용하여 대화 상자 옵션을 전달하는 방법은 무엇입니까?

Question

내 격자에 "작업"열이 있으며 편집 아이콘을 클릭하면 편집 대화 상자가 표시됩니다. 양식이 잘 나옵니다. 그러나 대화 상자 자체의 옵션을 전달하는 방법이없는 것 같습니다. 올라 오면 항상 스크롤 막대, 기본 단추 텍스트 등이 있습니다. 또한 ondblClickRow 이벤트도 편집 대화 상자를 가져 오지만 상자의 높이, 너비, 모달 등의 속성을 설정할 수 있습니다. 이상적으로는 ondblClickRow와 편집 버튼 클릭을 함수로 연결할 수 있지만 옵션이 아닌 것 같습니다.

colModel: [ { name: 'fx', 
index: 'fx', 
width: 60, 
formatter: 'actions', 
formatoptions: { editformbutton: true }, 
sortable: false, 
sorttype: 'int', 
summaryType: 'count', summaryTpl: '({0}) total' }, 



     ondblClickRow: function(){ 
     var gr = $("#mygrid").jqGrid('getGridParam', 'selrow'); 
     $("#mygrid").jqGrid('editGridRow', 
           gr, 
           {height: 200, 
           width: 500, 
           modal: true, 
           resize: false, 
           reloadAfterSubmit: false, 
           bSubmit: 'Save', 
           recreateForm: false 
       }); 
     } 

아이디어가 있으십니까?

Answer 1

을 사용하여 편집 옵션을 지정할 수 있습니다. formatter: 'actions'을 formatoptions: { editformbutton: true }과 함께 사용하면 양식 편집이 사용됩니다. 양식 편집의 다른 모든 특성은 delOptions 및 editOptions 속성으로 formatoptions으로 지정할 수 있습니다. 일부 옵션으로 editGridRow을 직접 시작하면 동일한 옵션을 공유하는 것이 좋습니다. 가장 쉬운 방법은 변수에 옵션을 저장하고 두 경우 모두 사용하는 것입니다.

var myEditOptions = { 
     height: 200, 
     width: 500, 
     modal: true, 
     resize: false, 
     reloadAfterSubmit: false, 
     bSubmit: 'Save', 
     recreateForm: true, 
     closeAfterAdd: true, 
     closeAfterEdit: true 
    }, 
    myDeleteOptions = { 
     // just an example of delGridRow options 
     reloadAfterSubmit: false, 
     closeOnEscape: true 
    }; 

$("#gridId").jqGrid({ 
    colModel: [ 
     { name: 'fx', width: 60, formatter: 'actions', sortable: false, 
      formatoptions: { 
       editformbutton: true, 
       editOptions: myEditOptions, 
       delOptions: myDeleteOptions 
      } 
     }, 
     ... 
    ], 
    ... 
    ondblClickRow: function (rowid) { 
     $(this).jqGrid('editGridRow', rowid, myEditOptions); 
    } 
});