Tüm alt düğümlerde ve klasördeki tüm simgelerde bir klasör simgesi nasıl alabilirim (sol taraftaki simge shoulbe)

Question

Ana düğümün ve çocuk düğümlerinin düğümlerinden önce simgeler almak istiyorum. Ebeveyn düğümleri için icomoon-icon-folder-plus olmalı ve çocuk düğümleri için 'icomoon-icon-folder' olmalıdır.

function treeView() { 
    var treeMenu = new kendo.data.HierarchicalDataSource({ 
    template: kendo.template($("#treeview-template").html()), 
    schema: { 
     model: { 
     id: "id", 
     expanded: false, 
     hasChildren: "HasChildren" 
     } 
    }, 
    transport: { 
     read: { 
     url: "/getTreeDetails", 
     contentType: "application/json; charset=utf-8", 
     type: "POST", 
     datatype: "json", 
     }, 
    } 
    }); 
    $("#treeview").kendoTreeView({ 
    dataSource: treeMenu, 
    dataValueField: "id", 
    dataTextField: ['LABEL'], 
    template: kendo.template($("#treeview-template").html()) 
    }); 
} 
$(document).ready(function() { 
    treeView(); 
}); 

Komut Dosyası: simge, sağdaki tüm düğümler için geliyor.

<script id="treeview-template" type="text/kendo-ui-template"> 
     <span id='treeLabel' style='font-weight:bold;' data-id='#=item.id #'></span> 
     #: item.LABEL # 
     # if (item.hasChildren) { # 
    <a href='\#'><span class='icomoon-icon-folder-plus'></span></a> 
# } # 
    </script> 

HTML:

<ul class="k-group k-treeview-lines" role="tree"> 
    <li class="k-item k-first" aria-selected="false " data-uid="3-72f2c45e0d7d" role="treeitem" aria-expanded="false" id="treeview_tv_active"> 
    <div class="k-top"> 
     <span class="k-icon k-plus" role="presentation"></span> 
     <span class="k-in"> 
      <span id="treeLabel" data-id="64" style="font-weight:bold;">Team</span> 
       </span> 
      </div></li> 
    <li class="k-item" aria-selected="false " data-uid="41d2-9e3c-69b6c8938c1d" role="treeitem"></li> 
    <li class="k-item" aria-selected="false " data-uid="4546-b88b-f38f4b2e32e4" role="treeitem"></li> 
    <li class="k-item" aria-selected="false " data-uid="44fa-8784-9c40a7b8ecf7" role="treeitem"></li> 
    <li class="k-item k-last" aria-selected="false " data-uid="413f-b429-581cf6b58ee7" role="treeitem"></li> 
    </ul> 

Answer 1

ulaşmak istediğiniz ama sorudan i

1. istediğini kavramak ne tam olarak emin değiliz "olsun simgeler düğümleri önce" Does Düğümden önce yer/koy simgesi mi? i cmiiw
2. evet varsayılır ve hasChildren Eğer Yani burada icomoon-ikon-klasöre

koymak çocuk düğümünde icomoon-simgesini-klasör-plus, koymak istiyorum özellik bulunan üst düğüm için ben

gitmek

1. Şablon kullanmak yerine düğümden önce koymak isterseniz, databound işlevini kullanmam gerekir. veri sınırlama fonksiyonu itibaren
2. hepsini aracılığıyla tüm <li></li> sonra döngü bakmak ve bu nedenle bu ı elde edebiliriz en iyi yoldur Ben böyle bir amaç için şablon kullanmak mümkün olmamıştır if(hasChildren){ logic } else { logic}

koşullu oluşturmak o. ve işte jsFiddle

Answer 2

list-style-image CSS özelliğine bakabilirsiniz. http://www.w3schools.com/cssref/pr_list-style-image.asp

Answer 3

bir veri kaynağı yerine bir şablon oluşturuldu -

ul { 
    list-style-image: url('sqpurple.gif'); 
} 

örnekler ve burada daha fazla bilgi bulabilirsiniz.

# if (item.type= "true") { # 

}