我有一个 kendo ui 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>
这是我的JavaScript:
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