각 행의 특정 열 값을 기반으로 셀 편집을 활성화/비활성화합니다.

Question

jquery 편집 가능한 데이터 테이블이 있으며 모든 열을 편집 할 수 있습니다. 특정 셀 값을 기반으로 셀 편집을 활성화/비활성화하고 싶습니다. 예를 들어 아래 표에서 운영 체제 값이 "Windows"인 경우 "FileExtension"열을 편집 할 수 없게 만들고 운영 체제 값이 "Unix"인 경우 "언어"열을 편집 할 수 없게 만듭니다.

-------------------------------------------------- 
| OperatingSystem FileExtenstion Language  | 
-------------------------------------------------- 
| Windows   non-editable  editable  | 
| Unix    editable   non-editable | 
| Windows   non-editable  editable  | 
-------------------------------------------------- 

표는 아약스 소스를 통해 동적으로 채워지고 있습니다.

$(document).ready(function() { 
     $("#dbResultsTable").dataTable({ 
      "bServerSide": true, 
      "sAjaxSource": "/EditableTables/TableEditAjaxRequest", 
      "bProcessing": true, 
      "sPaginationType": "full_numbers", 
      "bJQueryUI": false, 
      "scrollX" : true, 
      "aoColumns": [ 
          { "sName": "OperatingSystem", 
          }, 
          { 
          "sName": "FileExtenstion", 
          }, 
          { 
           "sName": "Language", 
          } 
        ] 
    }).makeEditable({ 
     "aoColumns": [ 
          { 
           cssclass: "required" 
          }, 
          { 
           cssclass: "required" 
          }, 
          { 
           cssclass: "required" 
          } 
         ] 
         } 
        ); 
    }); 

가능합니까?

Answer 1

좋아, 나는 이것을하는 한 가지 방법을 발견했다. 나는 그것이 누군가를 돕기를 바란다.

$("#dbResultsTable tr").live("mousedown", function() { 
     if ($(this).find("td:eq(0)").text()=="Windows") { 
      $(this).find("td:eq(1)").empty().unbind(); 
     } else if($(this).find("td:eq(0)").text()=="Unix"){ 
      $(this).find("td:eq(2)").empty().unbind(); 
      } 
    }); 

참고 : -하지만 서버 측이 늘 업데이트 데이터 셀 일부 데이터가 있고 +가 기능 이상 사용 장애인 삭제 한 경우. ajax 호출을 만들고 셀 데이터를 업데이트해야합니다.

더 좋은 방법이 있다면 알려주세요. 나는 모든 귀입니다.