2015-01-06 1 views
3

동적으로로드 된 검도 UI TreeView에서 특정 텍스트와 일치하는 모든 트리 노드에 빨간색 배경을 추가하고 싶습니다. 어떻게해야합니까?사용자 정의 스타일링 자바 스크립트에서로드 된 트리의 검도 트리 뷰 노드 텍스트

customize node styles when instantiating trees from HTML에 쉽게,하지만 나무 loaded from a local data source 또는 read from a remote HierarchicalDataSource를 들어, 항목의 텍스트 을 변경할 수있는 방법은없는 것 같지 노드 당 스타일 다음 template 옵션은 트리의 모든 노드에 적용

  • spriteCssClass 내가이 잠시 보라 뭔가를 달성 할 수있는 방법은 오직 노드의 아이콘

적용 자바 스크립트에서 나무를 낳고 있습니까?

enter image description here

답변

3

왜 당신은 그것을 위해 jQuery를 사용하지 않을 것입니다.

$("#treeview").kendoTreeView({ 
     ... 
     dataBound: function (e) { 
      var text = "Your Text"; 
      e.sender.element.find("span.k-in:contains(" + text + ")").css('background-color', 'red'); 
     } 
    }); 

근무 예 : http://dojo.telerik.com/oxUKI

+0

니스이처럼. 그것은 노드를 전혀 스타일링 언급했기 때문에 [데이터 바인딩 된 Treeview 설명서] (http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#events-dataBound) 통해 내가 닦았어요 . databind에 대한 스케줄러 문서는 [데이터 바인딩 된 요소 스타일링 수정] (http://docs.telerik.com/kendo-ui/web/scheduler/how-to/modify-event-styling-on-databound) 방법을 언급합니다. –

관련 문제