Kendo 可排序处理程序 angularjs
Kendo sortable handler with angularjs
我想在我的列表中使用 kendo 可排序的处理程序功能。
- 处理程序:https://demos.telerik.com/kendo-ui/sortable/handlers
- angular kendo 可排序:
https://demos.telerik.com/kendo-ui/sortable/angular
我有左侧手柄可以拖动。此功能在 kendo 中可用 sortable for jquery 但不适用于 angular.
<ul kendo-sortable k-on-end="endHandler(kendoEvent)" k-placeholder="placeholder" k-hint="hint" >
<li ng-repeat="state in protocolStateList " ng-click="stateClicker(state.Id)">
<a class="drag">
<i class="fa fa-ellipsis-v fa-lg"></i>
</a>
{{state.Statename}}</span>
<input type="text" class="ordering-value" value="{{$index + 1}}" />
<a href="#" class="state-delete col-xs-1 " ng-click="deleteState(state)">
<i class="fa fa-trash"></i>
</a>
</li>
</ul>
k-handler="'.drag'"
将以上内容添加到您的 kendo-sortable 元素以定义处理程序查询。
我想在我的列表中使用 kendo 可排序的处理程序功能。
- 处理程序:https://demos.telerik.com/kendo-ui/sortable/handlers
- angular kendo 可排序: https://demos.telerik.com/kendo-ui/sortable/angular
我有左侧手柄可以拖动。此功能在 kendo 中可用 sortable for jquery 但不适用于 angular.
<ul kendo-sortable k-on-end="endHandler(kendoEvent)" k-placeholder="placeholder" k-hint="hint" >
<li ng-repeat="state in protocolStateList " ng-click="stateClicker(state.Id)">
<a class="drag">
<i class="fa fa-ellipsis-v fa-lg"></i>
</a>
{{state.Statename}}</span>
<input type="text" class="ordering-value" value="{{$index + 1}}" />
<a href="#" class="state-delete col-xs-1 " ng-click="deleteState(state)">
<i class="fa fa-trash"></i>
</a>
</li>
</ul>
k-handler="'.drag'"
将以上内容添加到您的 kendo-sortable 元素以定义处理程序查询。