2016-12-09 20 views
5

Tôi sử dụng plugin Jstree để vẽ một cây thư mục ans tệp.JsTree: Cách sắp xếp các nút jstree với các thư mục ở trên cùng

Tôi muốn nhận danh sách các thư mục ở trên cùng thì danh sách tệp (danh sách thư mục và tệp phải được sắp xếp theo thứ tự bảng chữ cái).

Có chức năng của tôi về initilization của cây:

$('#jstree_demo_div').jstree({ 
    'core' : { 
     'data' : [ 

      {"id":"index_0","text":"test_folder","parent":"#","icon":""}, 
      {"id":"index_1","text":"vide","parent":"index_0","icon":""}, 
      {"id":"index_2","text":"05nesf-sdfdgd.mp4","parent":"index_1","icon":"fa fa-film"}, 
      {"id":"index_3","text":"naissance-d-une-fleur-ouwzp9me-41.mp4","parent":"index_0","icon":"fa fa-film"}, 
      {"id":"index_4","text":"za05nesfsdfsdg.mp4","parent":"index_0","icon":"fa fa-film"}, 
      {"id":"index_5","text":"ddd","parent":"#","icon":""}, 
      {"id":"index_6","text":"05nes-ibw6q9me-41.mp4","parent":"index_5","icon":"fa fa-film"}, 
      {"id":"index_7","text":"tom-jerry-soundscape-ttar8gme-41.mp4","parent":"#","icon":"fa fa-film"}, 
      {"id":"index_8","text":"aaes-qmc8q-9me-41.mp4","parent":"#","icon":"fa fa-film"}, 
      {"id":"index_9","text":"bb05nes.mp4","parent":"#","icon":"fa fa-film"} 
     ] 
    }, 
    'plugins' : ['sort','types'], 
    'sort' : function(a, b) { 
     //What is the function of sorting 
    }, 
}); 

kết quả của khởi động của tôi: Tree

gì chức năng phân loại tôi cần phải sử dụng không?

Trả lời

6

Bạn có thể sắp xếp theo biểu tượng và sau bằng văn bản:

'sort' : function(a, b) { 
     a1 = this.get_node(a); 
     b1 = this.get_node(b); 
     if (a1.icon == b1.icon){ 
      return (a1.text > b1.text) ? 1 : -1; 
     } else { 
      return (a1.icon > b1.icon) ? 1 : -1; 
     } 

Đây là một jsfiddle

Các vấn đề liên quan