행이 편집 가능할 때 igGrid 앵커에 도달 할 수 없게됩니다.

Question

이것은 잘못된 것이 었거나 suboptimally 알려주세요.

하나의 열을 태그로 만들기 위해 생성 된 HTML 코드가 전달 된 igGrid가 있습니다. 행을 편집 할 수없는 경우이 방법이 효과적입니다. 또한 같은 행에 편집 할 수있는 열이 있습니다. 행에 대한 편집을 허용하면 해당 행의 클릭이 행을 편집 모드로 전환하기 때문에 태그가 더 이상 작동하지 않습니다. 하나의 열에 대해서만 편집을 허용하는 방법이 있습니까? 편집하지 않으려는 열을 편집하지 못하게했지만 그 중 하나를 클릭하면 편집 가능한 전체 열이 여전히 편집 모드로 들어가게됩니다. 나는 노트 열을 편집하고 여전히 파일 이름 열을 클릭 할 수 할 수 있도록하려면

Filename = "<a href='path/Permit/DownloadFile?permitFileID=23'>filename.txt</a>" 

Note = "file notes" 

Email = "email@gmail.com" 

AddedTime = "2013/05/14" 

PermitFileID = "23" 

: 같은

샘플 행은 볼 수 있었다. 여기

내 코드입니다 :이 파악되었다

$(document).ready(function() 
{ 
$('#attachedFilesGrid').igGrid(
{ 
    columns: 
    [ 
    { headerText:"File Name", key: "FileName", dataType: "text"}, 
    { headerText:"Notes", key:"Note", dataType:"text"}, 
    { headerText:"Uploaded By", key:"Email", dataType:"text"}, 
    { headerText:"Date", key:"AddedTime", dataType:"date", format: "yyyy/MM/dd"}, 
    { headerText:"ID", key:"PermitFileID", dataType:"number"}, 
    ], 
    width:'700px', 
    dataSource: fileList, 
    autoCommit:true, 
    primaryKey:"PermitFileID", 
    features: 
[{ 
    name:"Updating", 
    enableDeleteRow:true, 
    rowDeleting:function(evt, ui) 
    { 
     $.post(BASEURL + "Permit/deleteFile", { "permitFileID": ui.rowID}); 
    }, 
    editRowEnded:function(evt, ui) 
    { 
    note = $("#attachedFilesGrid").igGrid("getCellText", ui.rowID, "Note"); 
    $.post(BASEURL + "Permit/updatePermitFileNotes", { "permitFileID": ui.rowID, "note": note }); 
    }, 
    enableAddRow:false, 
    editMode:"row", 
    columnSettings: [ 
    { columnKey:"FileName", editorOptions: { disabled: true} }, 
    { columnKey:"Note", editorOptions: { disabled: false} }, 
    { columnKey:"Email", editorOptions: { disabled: true} }, 
    { columnKey:"AddedTime", editorOptions: { disabled: true} }, 
    { columnKey:"PermitFileID", editorOptions: { disabled: true} }, 
    ] 
}, 

Answer 1

, 한 EditMode는 "세포"가 필요하고 columnSettings는 thusly 히 설정 :

$('#attachedFilesGrid').igGrid(
     { 
      columns: 
      [ 
       { headerText: "File Name", key: "FileName", dataType: "text"}, 
       { headerText: "Notes", key:"Note", dataType:"text"}, 
       { headerText: "Uploaded By", key:"Email", dataType:"text" }, 
       { headerText: "Date", key:"AddedTime", dataType:"date", format: "yyyy/MM/dd" }, 
       { headerText: "ID", key:"PermitFileID", dataType:"number"}, 
      ], 
      width: '700px', 
      dataSource: fileList, 
      autoCommit: true, 
      primaryKey: "PermitFileID", 
      features: 
      [{ 
       name: "Updating", 
       enableDeleteRow: true, 
       rowDeleting: function (evt, ui) 
       { 
        $.post(BASEURL + "Permit/deleteFile", { "permitFileID": ui.rowID}); 
       }, 
       editCellEnded: function (evt, ui) 
       { 
        note = $("#attachedFilesGrid").igGrid("getCellText", ui.rowID, "Note"); 
        $.post(BASEURL + "Permit/updatePermitFileNotes", { "permitFileID": ui.rowID, "note": note }); 
       }, 
       enableAddRow: false, 
       editMode: "cell", 
       columnSettings: [ 
         { columnKey: "FileName", readOnly: true }, 
         { columnKey: "Note", editorOptions: {disabled: false}}, 
         { columnKey: "Email", readOnly: true }, 
         { columnKey: "AddedTime", readOnly: true }, 
         { columnKey: "PermitFileID", readOnly: true }, 
         ] 
       }, 
       { 
       name: "Hiding", 
       columnSettings: [ 
        { columnKey: "FileName", allowHiding: false }, 
        { columnKey: "Note", allowHiding: false }, 
        { columnKey: "Email", allowHiding: false }, 
        { columnKey: "AddedTime", allowHiding: false }, 
        {columnKey: "PermitFileID", allowHiding: false, hidden: true} 
        ] 
      }], 
     }); 
     getFiles();