각도 선택 가능한 항목이있는 검도 목록보기

Question

검도가 이고 ListView이 있고 항목을 선택 가능하게하고 싶습니다 (단일 선택). 각도가있는 인터넷 샘플을 찾지 못했습니다.

내가해야 할 일은 선택한 항목의 스타일을 설정하고 선택한 항목을 기반으로 일부 호출을 수행하는 것입니다.

이 내 HTML입니다 :

  <div class="list-group no-radius no-border no-bg m-b-none" 
       kendo-list-view="publishPositionsListView" 
       k-options="ctrl.publishPositionsSourceOptions" 
       k-data-source="ctrl.publishPositionsSource"> 

       <a class="list-group-item p-l hover-anchor b-a no-select ng-scope" k-template> 
        <span>{{dataItem.Title}}</span> 
       </a> 
      </div> 

이 내 자바 스크립트입니다 :

vm.publishPositionsSource = new kendo.data.DataSource({ 
    dataType: "aspnetmvc-ajax", 
    transport: { 
     read: { 
      url: "publish/getall", 
      type: "GET" 
     } 
    }, 
    schema: { 
     type: "json", 
     data: "Data", 
     total: "Total", 
     model: { 
      id: "Id" 
     } 
    } 
}); 

vm.publishPositionsSourceOptions = { 
    dataBound: function (e) { 
     // Set selected style for the first item when loaded 
     e.sender.element.children().first().addClass("focus"); 
    } 
} 

어떤 생각? ng-click

Answer 1

kendoUI listview에서 단일 선택을 사용하려면 selectable: "Single"을 listview-config에 추가하십시오. 목록보기의 select 메서드를 사용하여 프로그래밍 방식으로 선택한 항목을 설정할 수도 있습니다.

$scope.listViewOptions = { 
    dataSource: $scope.myDataSource, 
    selectable: "Single", 
    dataBound: function(event) { 
     /* Select the first item here */ 
    }, 
    change: function(event) { 
     /* Do something with the selected item */ 
    } 
} 

나는 또한 작업 dojo을 만들었습니다 (그래도 각도 사용하지 않는 것) :

당신이 모두 함께 넣을 때은 다음과 같이 나타납니다.