Mootools : 기존 Fx.Sort 인스턴스에 항목을 추가하는 방법

Question

Mootools Fx.Sort에 문제가 있습니다.

<ul id="list"> 
    <li>One</li> 
    <li>Two</li> 
</ul> 

자바 스크립트 :

mySort = new Fx.Sort($$('ul#list>li')); 

나는 목록에 더 많은 요소를 추가 할 수 있습니다

: 분명히,

$('list').adopt(new Element('li', { text: 'Three' })); 

그러나 런타임 만든 목록 요소, Fx.Sort로 간주되지 않습니다 인스턴스와 다른 사람들과 정렬 할 수 없습니다.

기존 Fx.Sort에 추가 할 수있는 방법이 있습니까? 아니면 런타임에 요소를 추가 할 때마다 mySort을 새 인스턴스로 대체해야합니까?

console.log(new Fx.Sort($$('ul#list>li')); 

이 내가 그것을 (테스트하지) 얼마나입니다 : 다음 Fx.Sort 예에서 살펴보면

는

Answer 1

권리 -가 Fx.Sort의 구현과 호환을 유지하고해야 등으로 정렬을 유지하기 위해 복잡합니다, 클릭되는 항목의 상단으로 이동함으로써 여기에 작업 예제가 다음 확장 :

당신에게 특정

http://jsfiddle.net/dimitar/FcN32/

는 : pos가 목록에서 숫자 위치가 어디

Fx.Sort.implement({ 

    adopt: function(el, pos) { 
     if (!this.element) 
      this.element = this.elements[0] && this.elements[0].getParent(); 

     var len = this.currentOrder.length; 
     pos = (pos !== null && typeof pos === 'number') 
      ? this.currentOrder.contains(pos) ? pos : len 
      : len; 


     this.elements.include(el); 
     if (pos === len) { 
      // don't care, attach to bottom. 
      el.inject(this.element); 
      this.currentOrder.push(this.elements.indexOf(el)); 
     } 
     else { 
      // we are injecting at a particular place in the order 
      el.inject(this.elements[pos], "before"); 
      var newOrder = this.currentOrder.slice(0, pos) || []; 
      newOrder.push(this.elements.indexOf(el)); 
      this.currentOrder = newOrder.combine(this.currentOrder.slice(pos)); 
     } 
     if (el.getStyle('position') == 'static') el.setStyle('position', 'relative');        
     this.rearrangeDOM(); 
    } 

}); 

이 instance.adopt(someel, <optional pos>) 같이 호출되고. 생략하면 꼬리에 추가됩니다. 도움이되기를 바랍니다 ...

Answer 2

, 당신이 당신의 필요에 따라 수정할 수있는 몇 가지 특성이 있습니다

var mySort = new Fx.Sort($$('ul#list>li')); 
var newElement = new Element('li', { text: 'Three' }); 
$('list').adopt(newElement); 
mySort.elements.include(newElement); 
mySort.subjects.include(newElement); 

// Order of elements 
var orderSize = mySort.currentOrder.length; 
mySort.currentOrder[orderSize] = orderSize; 

그러나 Mootools More FX.Sort의 내부 메커니즘이 수정되어 작동하지 않을 수 있습니다.