편집 후 정렬 된 컬렉션의 뷰에 모델을 다시 삽입하십시오.

Question

의 함수에 만족하며 컬렉션을 정렬 한 다음 뷰에서 전체를 다시 그립니다. 그러나, 나는 그것을 여기에서 찾고 있지 않다.

나는 (로드시) 정렬 된 컬렉션이 있습니다. 하나의보기는 콜렉션을 청취하고 "재설정"을 통해 반복을 담당합니다. 컬렉션의 모델은 자체 뷰를가집니다. 여기서 평범하지 않은 것은 없습니다.

그러나 사용자는 각 모델을 인라인으로 편집 할 수 있으므로 잠재적으로 비교 기능에 포함 된 특성 값을 변경할 수 있습니다. 분명히 한 가지 해결책은 전체 컬렉션의 뷰를 지우고 컬렉션을 다시 정렬 한 다음 모든 모델의 뷰를 다시 그리는 것입니다. 그러나 가능하다면 그렇게하지 않는 것이 좋습니다.

이상하게도 컬렉션의 뷰에서 변경된 모델을 제거한 다음 콜렉션 뷰의 새롭고 적절한 위치에 다시 삽입 할 수 있어야합니다 (따라서 하나의 DOM 제거와 하나의 DOM 추가 만 수행합니다). - 모델 모음 전체를 지우고 다시 그려주는 것이 아니라). 백본의 도움없이 수동으로이 작업을 수동으로 수행 할 수는 있지만 백본의 기능이 더 쉬울 지, 아니면 최소한 능률적으로 만들 수 있는지 묻습니다. 백본의 외부에서 이것을 완전히 수행하는 것은 해킹처럼 보이고, 꽤 보이지 않을 것입니다.

Answer 1

나는 당신이 무엇을 얻고 있는지 알고 있다고 생각합니다.

// assumption: this is called on "change" event, only once 
re_insert_item : function(model,m_view,collection,c_view) { 

    // remove the model's view from the DOM 
    m_view.$el.remove(); 

    // assuming there is a comparator, sort() will move the 
    // model into the correct position of the collection. since 
    // we're not doing a .remove and .add, we have to sort manually 
    // (as per documentation instructions) 
    collection.sort(); 

    // figure out the model that, based upon its sort position, our 
    // edited model will come *before* 
    var idx = collection.indexOf(model); 
    var next_model = collection.at(idx+1); 

    // insert our model's view into the DOM right above it's neighbour 
    // this assumes you have some way to get a view for a given model, 
    // which there isn't really a "standard" way to do (it seems) 
    if (next_model) { 
     var next_m_view = ??? // assume you have some way to get this 
     next_m_view.$el.before(m_view.render().$el); 
    } 

    // this model is last in the list, so just append it to the 
    // collection view (assuming the collection view houses the 
    // master list as its $el) 
    else { 
     c_view.$el.append(m_view.render().$el); 
    } 
} 

당신은에 따라 그것의 무리를 변경해야합니다 : 당신이 모델과 문제의보기에 액세스 할 수있는 가정, 여기에 기본적인 접근 방식가) 당신이 코드를 넣어 계획 곳 - 즉, 어디/함수 params를 얻는 방법; b) 모델과 뷰를 함께 연결하는 방법.

here에 (다소) 유사한 질문이 있습니다. 그러나 위의 링크로 강조 표시된 대답과 달리, 나는 그것을 피할 수 있다면 DOM traversal 코드를 사용하지 않고 대신 백본 컬렉션의 순서에 의존해야합니다.

그럼에도 불구하고 나는 이것이 당신이 찾고있는 것이라고 생각합니다. 그렇지 않은 경우 무엇이 누락되었는지 최대한 구체적으로 기재하십시오.