Czy można uniknąć dodawania domyślnego widoku elementu "div" podczas używania appendHtml() w marionetce?

Question

jestem dodanie ręcznie widok do elementu DOM w moim szablonu z następującego kodu:

appendHtml: function(collectionView, itemView, index){ 
     collectionView.$("ul#search_list_container").append(itemView.el); 
} 

w swoim szablonie mam:

<script id='search-list-grid-template' type='text/x-handlebars-template'> 
    <ul id="search_list_container"></ul> 
</script> 

Pomimo jestem dołączenie widok na ul # search_list_container mam div owijania domyślny szablon:

<div> 
    <ul id="search_list_container"> 
    <a href="#"> 
     <span id="search_list_item"> 
      id 
      invoice_number 
     </span> 
    </a> 
    </li> 
    </ul> 
</div> 

Czy istnieje sposób, aby uniknąć wyświetlania domyślnego znacznika „div” ?, nie mam z tym problemu ale ta wątpliwość zawsze przychodzi mi do głowy, gdy tylko wymyślę ten przykład.

Uwaga: Mam itemView dla ul compositeView, i kilka innych rzeczy nie pokazanych tutaj.

Answer 1

Kręgosłup Views zostały zaprojektowane tak, aby ich własny element DOM był przechowywany jako właściwość widoku el.

Nie zaleca się usuwania elementu widoku zgodnie z sugestią Stevena-Farleya, ponieważ zdarzenia mogą być z nim związane.

Najlepszym sposobem jest zmiana właściwości tagName swojej collectionView na ul.

Zobacz także: Extra divs in itemviews and layouts in Backbone.Marionette

Answer 2

Z jQuery można użyć .unwrap().

Spróbuj tego:

Zmiana:

collectionView.$("ul#search_list_container").append(itemView.el); 

Do:

collectionView.$("ul#search_list_container").append(itemView.el).unwrap(); 

Answer 3

kilka rzeczy o tym Collection View nie potrzebuje szablon,

to albo czyni

• empty view

Albo

• Item View

w zależności od tego, czy kolekcja ma coś czy nie.

To jest powiedziane, jeśli nie chcesz "div" w każdej pozycji. spróbuj dodanie

var yourItemView= Backbone.Marionette.ItemView.extend({ 
      tagName: "li", 
      //OTHER STUFF HERE 
      }); 

następnie zdjąć torebkę <li> z szablonu elementu.

Nie należy modyfikować appendHtml dla wszystkich w tym przypadku użycia.