2012-03-16 3 views
1

단일 그리드 내에서 행을 재정렬 할 수 있기를 원합니다. 임 extjs에 비교적 새로운 이걸 시도했지만 내가 찾은 모든 리소스는 이전 ext js 버전에 대한 것이고 일부 속성은 더 이상 유효하지 않습니다. 예 - http://www.vinylfox.com/getting-started-with-grid-drag-drop/그리드 내에서 행 재정렬하기 Ext JS 4

xtype: 'grid', 
    id: 'row-grid', 
    hideHeaders: true, 
    store: 'SelectedRowStore', 
    //enableDragDrop: true, 
    //ddGroup: 'rowgrid-dd', 
    columns: [ 
     { 
      header: 'Rows', 
      flex: 1, 
      sortable: false, 
      dataIndex: 'DisplayName' 
     }, 
     { 
      id: 'button-column', 
      dataIndex: 'ID', 
      sortable: true, 
      hideable: false, 
      width: 35, 
      renderer: PA.common.RendererHelper.renderButtonForAddRowMainGrid 
     } 
    ] 

은 정말이 문제에 어떤 도움/조언을 감사하겠습니다.

답변

2

grid to grid drag-n-drop example을 살펴보십시오. 그것은 두 개의 그리드와 함께 작동하지만 한 그리드 내에서 행을 재 배열 할 수 있도록 쉽게 수정할 수있을 것이라고 확신합니다.

+0

몇 가지 작은 변경 사항을 시도해 보았습니다. 감사! – Armaan

0

당신은 르네 말했다으로 엽차 샘플을 따르거나이 따를 수 : 내부 (추가, 일부 anction을 일부 청취자를해야하는 경우에만,

 viewConfig: { 
      plugins: { 
       ptype: 'gridviewdragdrop', 
       containerScroll: true, 
       dragGroup: 'someuniquenameforyourgrid', 
       dropGroup: 'someuniquenameforyourgrid' 
      }, 
     }, 

그리고 :

이 그리드이 추가 viewConfig) : 컨트롤러에

 listeners: { 
      drop: 'onDropGrid' 
     } 

및 이벤트 핸들러 코드 :

onDropGrid: function (node, data, dropRec, dropPosition) { 
     ... 
    }