[JQUERY] 있는 jqGrid는 : 사용 안 함 형태의 경우 편집 필드

있는 jqGrid는 : 사용 안 함 형태의 경우 편집 필드

해결법

1. ---

   1.당신은 여러 가지 방법으로 요구 사항을 구현할 수 있습니다. 예를 들어, beforeShowForm 이벤트의 내부는 숨기거나 표시 할 수 있습니다

   당신은 여러 가지 방법으로 요구 사항을 구현할 수 있습니다. 예를 들어, beforeShowForm 이벤트의 내부는 숨기거나 표시 할 수 있습니다

   jQuery("#list").jqGrid({
       colModel: [
           { name: 'Name', width: 200, editable: true },
      //...
   
   }).jqGrid('navGrid','#pager', { edit: true, add: true, del: false},
             { // edit option
                 beforeShowForm: function(form) { $('#tr_Name', form).hide(); }
             },
             { // add option
                 beforeShowForm: function(form) { $('#tr_Name', form).show(); }
             });
   

   colModel에서 컬럼의 이름 속성 - 어디 ID가 "tr_Name은" "tr_"접두어와 "이름"으로 구성되어있다.

   업데이트 :이 질문에 대해 또 다른 하나는 속성을 동적으로 편집이 초기화됩니다 직전에 변경 될 수있는 방법을 하나 더 방법을 표시됩니다.

   2 업데이트 : 무료있는 jqGrid 콜백 함수로 편집하거나, "장애인", "숨겨진"또는 "읽기 전용"으로 정의 할 수 있습니다. 위키 문서를 참조하십시오. 그것은 더 쉽게 같은 요구 사항을 구현할 수 있습니다.

2. ---

   2.필드 편집을하거나하지 않으려면,이 내가 잠시 동안 대답을 검색 한 후 코딩을 감아 (의 행 편집에 사용하지 않도록 편집에하지만 '추가'에 허용)와 내가 필요한 해답을 찾지 못하는 것입니다 :

   필드 편집을하거나하지 않으려면,이 내가 잠시 동안 대답을 검색 한 후 코딩을 감아 (의 행 편집에 사용하지 않도록 편집에하지만 '추가'에 허용)와 내가 필요한 해답을 찾지 못하는 것입니다 :

   colModel :[ 
       {name:'id', index:'id', editable:false, ...
   
       }).navGrid("#pager",{edit:false,add:true,del:false,search:false,refresh:true},
           {}, // edit
           {   
               beforeInitData: function(formid) {
                   $("#list").jqGrid('setColProp','id',{editable:true});
               },
               afterShowForm: function (formid) {
                   $("#list").jqGrid('setColProp','id',{editable:false});
               },
   

3. ---

   3.다음은 그 예이다 :

   다음은 그 예이다 :

   http://www.ok-soft-gmbh.com/jqGrid/CustomFormEdit.htm

                     beforeShowForm: function(form) {
                        $('#tr_Name', form).hide();
                     }
   

4. ---

   4.볼 수 있지만 편집 할 수 없습니다 :

   볼 수 있지만 편집 할 수 없습니다 :

   { // edit option
       beforeShowForm: function(form) {
           $('#col_name', form).attr("disabled", true);
       }
   }
   

5. ---

   5.이 무료있는 jqGrid, 평범하고 단순하게 작동합니다 :

   이 무료있는 jqGrid, 평범하고 단순하게 작동합니다 :

   이 특정 예제는 "추가"형식으로 편집을 허용합니다 :

   editable: function (options) {
                               // Allow edit only for "add" not for "edit"
                               if (options.mode === "addForm")
                               {
                                   return true;
                               }
                               else if (options.mode === "editForm")
                               {
                                   return false;
                               }
                               else
                               {
                                   return false;
                               }
   

from https://stackoverflow.com/questions/3405029/jqgrid-disable-form-fields-when-editing by cc-by-sa and MIT license