ExtJS 패널을 항목 목록으로 바꿉니다.

패널을 목록으로 바꿔야합니다. 그리드의 행을 재정렬하려고했지만 패널에 멋지게 표시 될 수 있도록 항목에 조금 더 많은 정보를 넣어야합니다.ExtJS 패널을 항목 목록으로 바꿉니다.

이 예제는 내가 원하는 것을 매우 가까이 여기 http://examples1.ext.net/#/DragDrop/Panel/Swap_Dropable_Panel/

같은 고전적인 드래그 아이콘 (네 개의 화살표를)이어야합니다. 나는 이것 1 개와 같이 단지 수직 스왑을 필요로한다 http://tof2k.com/ext/sortable/ (이것은 내가 필요로하는 것일 수 있었다. 그러나 그것이 ExtJS 테마를 사용하지 않는 것처럼 보이고 내가 아이템 내부에 더 많은 정보를 넣을 수 있는지 모른다 - 그리고 그것은 너무 추한 것이다) .

몇 가지 아이디어가 있습니까?

출처

2016-10-10 Magno C

잠시만 기다려주세요. 다음을 시도해 보겠습니다. http://www.vinylfox.com/getting-started-with-grid-drag-drop/ –

아마도 템플릿 열이있는 격자를 사용하여 드래그 앤 드롭하면 문제를 해결할 수 있습니다.

뿐인 : 또한 https://fiddle.sencha.com/#fiddle/1i7l

, 당신이 행을 변경하는 CSS를 사용할 수 있습니다.

.customRow .x-grid-cell-inner { 
    margin: 5px 5px 5px 5px; 
    background-color: yellow;  
}

제거 드 주석

// CLS : 'customRow'바이올린에

(라인 58).

출처

2016-10-10 10:46:48 josei

예! 필요한 것. 감사. –

죄송합니다. '클래식 드래그 아이콘 (네 개의 화살표)'을 잊어 버렸습니다 ... 어떻게해야합니까? 보너스 : OnDrop 이벤트 ... –

어쩌면 이것은 해결책을 찾는 데 도움이됩니다. http://stackoverflow.com/questions/11646507/how-to-change-cursor-using-extjs http://stackoverflow.com/questions/9116097/how-to-change-cursor-image-in-extjs-4-1 – josei

ExtJS 패널을 항목 목록으로 바꿉니다.

답변

관련 문제