JqGrid를 TreeGrid + GridDnd와 함께 사용

Question

나는 지금 당분간 TreeGrid와 GridDnD 기능으로 JqGrid를 구현하려고 노력하고 있는데 문제가있다. 나는 그것을 끝내는 것을 보았습니다. 그래서 나는 그것이 끝날 수 있음을 압니다. 내가 아무 반응이 없습니다 (I 다른 페이지에서 제대로 작동 한)을 GridDnD 기능을 구현할 때, 이제

$("#documentmanagementtree").jqGrid({ 
      url: '<%: Url.Action("GetDocumentManagementFolderStructure", "Document") %>', 
      datatype: 'json', 
      mtype: 'post', 
      colNames: ['Id','Type', 
     '<%: Html.TranslateUiElement(Function(x) x.SharedTranslations.EntityTypeCaption) %>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.FileNameCaption)%>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.DocumentFileSizeCaption) %>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.LastCheckinDateCaption)%>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.DocumentDownloadCaption) %>'], 
      colModel: [ 
     { name: 'id', index: 'id', hidden: true }, 
     { name: 'type', index: 'type', hidden: true }, 
     { name: 'icon', index: 'icon', width: 5, align: 'left' }, 
     { name: 'name', index: 'name', width: 15 }, 
     { name: 'size', index: 'size', width: 5, sortable: false, align: 'right' }, 
     { name: 'lastcheckindate', index: 'lastcheckindate', width: 10, align: 'center', sorttype: 'date', datefmt: '<%= Html.GetGridDateFormat()%>' }, 
     { name: 'downloadlink', index: 'downloadlink', width: 5, align: 'center' } 
     ], 
      height: 'auto', 
      width: 1013, 
      sortname: 'id', 
      treeGrid: true, 
      cellEdit: true, 
      treeGridModel: 'adjacency', 
      treedatatype: "json", 
      ExpandColumn: 'icon' 
     }); 

: 여기

내가 원하는대로 작동 TreeGrid에를 만드는 데 사용하는 코드입니다. 그러나 jqGrid 코드에서 "treeGrid : true"행을 주석 처리했지만 드래그 앤 드롭을 성공적으로 수행 할 수 있습니다.

참고 : 드래그 앤 드롭으로 jqGrid를 구현하기 때문에 '#'으로 연결합니다. jquery의 droppable로 작업 했으므로 훌륭하게 작동합니다.

$("#documentmanagementtree").gridDnD({ 
      connectWith: '#' 
     }); 

그래서 문제는 내가 잘 나는 이런 일의 데모를 본 적이 있기 때문에 나는 그것을 할 수있어 별도 작업 기능의 두 조각을 얻을 수 있지만 TreeGrid에가, GridDnd 작업을 얻을 수 있음을 의미합니다 (그 중 결과를 재현 할 수 없다).

도움을 청할 수있는 정보를 알려주십시오. 미리 감사드립니다.

Answer 1

여기, 뭔가 밖으로 대신 tableDnD를 사용 낸 결과 코드가 있습니다

  $("#documentmanagementtree").tableDnD({ scrollAmount: 0 }); 

      $("#documentmanagementtree").jqGrid({ 
      url: '<%: Url.Action("GetDocumentManagementFolderStructure", "Document") %>', 
      datatype: 'json', 
      mtype: 'post', 
      colNames: ['Id', 'Type', 
     '<%: Html.TranslateUiElement(Function(x) x.SharedTranslations.EntityTypeCaption) %>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.FileNameCaption)%>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.DocumentFileSizeCaption) %>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.LastCheckinDateCaption)%>', 
     '<%: Html.TranslateUiElement(Function(x) x.DocumentTranslations.DocumentDownloadCaption) %>'], 
      colModel: [ 
     { name: 'id', index: 'id', key: true, hidden: true }, 
     { name: 'type', index: 'type', hidden: true }, 
     { name: 'icon', index: 'icon', width: 5, align: 'left' }, 
     { name: 'name', index: 'name', width: 15 }, 
     { name: 'size', index: 'size', width: 5, sortable: false, align: 'right' }, 
     { name: 'lastcheckindate', index: 'lastcheckindate', width: 10, align: 'center', sorttype: 'date', datefmt: '<%= Html.GetGridDateFormat()%>' }, 
     { name: 'downloadlink', index: 'downloadlink', width: 5, align: 'center' } 
     ], 
      height: 'auto', 
      width: 1013, 
      sortname: 'id', 
      treeGrid: true, 
      viewrecords: true, 
      treeGridModel: 'adjacency', 
      ExpandColumn: 'icon', 
      gridComplete: function() { 
       $("#documentmanagementtree").tableDnDUpdate(); 
      } 
     }); 

있는 jqGrid 존재에 중요한 추가 :이 드래그하지만

  gridComplete: function() { 
       $("#documentmanagementtree").tableDnDUpdate(); 
      } 

및 기능을 드롭하는 것은으로하지 않습니다 gridDnD 기능으로 좋기 때문에 treeGrid와 더 잘 연동되도록 구현할 수 있습니다.

비슷한 문제가 있다면 즐기십시오!