jqGrid 기본값이 작동하지 않습니까?

Question

jqGrid가 있고 새 행을 추가 할 때 하나의 열에 기본값이 있어야합니다. 나는 문서화를 따랐지만 그 가치는 결코 나타나지 않는다.

{name: 'Lt', index: 'Lt', width: 25, editable: true, editoptions: {defaultValue: 'N'}} 

그리고 이것은 내가 전화하는 방법입니다 addRowData :

이것은 colModel에서 열은

$("#grid").addRowData(-1, 
    { Datum: $.datepicker.formatDate("yy-mm-dd", new Date()) }, "first", true) 

지금까지 내가, 내가 책에서 그것을하고 있어요 볼 수 있습니다!

전체 그리드의 정의 :

$("#dagbok_grid").jqGrid({ 
     datatype: 'json', 
     mtype: 'GET', 
     colNames: [ 
      'a', 
      'b', 
      'c', 
      'd', 
      'e', 
      'f', 
      'g', 
      'h', 
      'i', 
      'j', 
      'k', 
      'l', 
      'm', 
      'n', 
      'o', 
      'p', 
      'q', 
      'r', 
      's'], 
     colModel: [ 
      { name: 'a', index: 'a', width: 30, formatter: 'checkbox', edittype: 'checkbox', editable: true }, 
      { name: 'b', index: 'b', width: 30, formatter: 'checkbox', edittype: 'checkbox', editable: true }, 
      { name: 'c', index: 'c', width: 70, formatter: 'date', editable: true, editrules: { required: true }, editoptions: { dataInit: function (elem) { $(elem).datepicker(); } } }, 
      { name: 'd', index: 'd', width: 65, editable: true, formatter: 'date', formatoptions: { srcformat: 'H:i:s', newformat: 'ShortTime' }, editrules: { time: true} }, 
      { name: 'e', index: 'e', width: 80, edittype: 'select', editable: true, formatter: 'select' }, 
      { name: 'f', index: 'f', width: 100, editable: true, edittype: 'textarea', editoptions: {rows: '7'} }, 
      { name: 'g', index: 'g', width: 80, editable: true, edittype: 'textarea', editoptions: { rows: '7'} }, 
      { name: 'h', index: 'h', width: 80, editable: true, editrules: { maxValue: 50} }, 
      { name: 'i', index: 'i', width: 120, edittype: 'select', editable: true, formatter: 'select' }, 
      { name: 'j', index: 'j', width: 200, edittype: 'select', editable: true, formatter: 'select' }, 
      { name: 'k', index: 'k', width: 70, edittype: 'select', editable: true, formatter: 'select' }, 
      { name: 'l', index: 'l', width: 70, editable: true, editrules: { maxValue: 10} }, 
      { name: 'm', index: 'm', width: 25, editable: true, editoptions: { defaultValue: 'N'} }, 
      { name: 'n', index: 'n', width: 70, editable: true, editrules: { integer: true, maxValue: 999999 }, formatter: formatPosition, unformat: unformatPosition }, 
      { name: 'o', index: 'o', width: 25, editable: true, editrules: { custom: true, custom_func: chkLongitudTecken} }, 
      { name: 'p', index: 'p', width: 80, editable: true, editrules: { integer: true, maxValue: 999999 }, formatter: formatPosition, unformat: unformatPosition }, 
      { name: 'q', index: 'q', width: 80, edittype: 'select', editable: true, formatter: 'select' }, 
      { name: 'r', index: 'r', width: 100, editable: true, editrules: { maxValue: 50} }, 
      { name: 's', index: 's', width: 65, edittype: 'select', editable: true, formatter: 'select' }, 
     ], 
     sortname: 'c', 
     sortorder: 'desc', 
     shrinkToFit: false, 
     viewrecords: true, 
     gridview: true, 
     onSelectRow: function (id) { 
      if (id && id !== lastsel) { 
       jQuery('#dagbok_grid').saveRow(lastsel); 
       lastsel = id; 
      } 
      jQuery('#dagbok_grid').editRow(id, true); 
     }, 
     height: 400, 
     editurl: '@Url.Action("SaveGridRow")', 
     caption: 'my grid' 
    }); 

나는 또한 나중에 일부 COLS로 선택-값을 추가 :

$.ajax({ 
     type: 'GET', 
     url: '@Url.Action("GetGridComboValues")', 
     async: false, 
     success: function (data) { 
      var grid = $("#dagbok_grid"); 
      grid.setColProp("e", { editoptions: { value: data.kallor} }); 
      grid.setColProp("i", { editoptions: { value: data.rubriker} }); 
      grid.setColProp("j", { editoptions: { value: data.verksamheter} }); 
      grid.setColProp("k", { editoptions: { value: data.opPadrag, dataEvents: [{ type: 'change', fn: function (e) { 
       $.ajax({ 
        type: "GET", 
        url: '@Url.Action("GetVerksamhetskod")', 
        data: { "opPadragId": e.currentTarget.value }, 
        dataType: 'json', 
        success: function (data) { 
         var selr = jQuery('#dagbok_grid').jqGrid('getGridParam', 'selrow'); 
         jQuery("#dagbok_grid").jqGrid('setCell', selr, "l", data); 
        } 
       }); 
      } 
      }] 
      } 
      }); 
      grid.setColProp("q", { editoptions: { value: data.medier} }); 
      grid.setColProp("s", { editoptions: { value: data.regioner} }); 
     } 
    }); 

코드 추가 및 삭제는

$("#toolbarAddButton") 
     .button() 
     .click(function() { 
      $("#dagbok_grid").addRowData(-1, { Datum: $.datepicker.formatDate("yy-mm-dd", new Date()) }, "first", true) 
     }); 

    $("#toolbarDeleteButton").click(function() { 
     var radid = $("#dagbok_grid").jqGrid("getGridParam", "selrow"); 
     if (radid != null) { 
      var su = $("#dagbok_grid").jqGrid("delRowData", radid); 
      $("#dagbok_grid").jqGrid("delGridRow", radid, { url: '@Url.Action("DeleteGridRow")', reloadaftersubmit: false }); 

     } 
    }) 

저장되면 사용자에게 실행 편집 모드에서 엔터를 누릅니다.

Answer 1

먼저 editoptions: { defaultValue: 'N'}을 정의했습니다. editoptions

옵션은 문자열이나 기능 일 수 있습니다. 이 옵션은 추가 모드에서 editGridRow 메서드와 함께 사용할 경우 이 양식 편집 모듈에서만 유효합니다. 이 정의 된 경우 요소 만 이 비어 있으면 입력 요소가이 값으로 설정됩니다. 선택 항목에서 사용되는 경우 키가 아닌 텍스트가 제공되어야합니다. 또한 함수가 사용될 때 함수는 값을 반환해야합니다. 당신이 원하는 무엇

기본 값은 편집 중에 그리드 본체를 충전 동안 설정되지 않을 것입니다. 목적을 위해서는 defaulValue 포매터 옵션이 있지만 일부 미리 정의 된 포맷터에만 사용됩니다 (the documentation 참조).

custom formatter을 사용하거나 addRowData 메서드를 직접 사용하는 경우 Lt 열의 값을 명시 적으로 추가하여 문제를 해결할 수 있습니다.

저수준 방법 addRowData을 사용하지 않는 것이 좋습니다. 속도가 느리고 주로 잘못된 방식으로 사용됩니다. 예를 들어 -1을 ROWID로 사용했습니다. 동일한 문을 한 번 더 실행하면 ID 중복이 발생하여 오류가 발생하고 매우 이상한 효과가 발생할 수 있습니다. jqGrid가 고유 ID를 생성하게하려면 undefined을 ROWID 매개 변수로 사용해야합니다.