angularjs sortbale

本文介绍了一个使用 Angular Sortable View 插件实现列表拖拽排序的例子。通过 jsp 和 js 代码展示了如何设置和使用该插件来创建可拖动排序的列表组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

参考地址:http://kamilkp.github.io/angular-sortable-view

案例:jsp:

<div sv-root sv-part="vm.dataList">
    <div ng-repeat="item in vm.dataList" sv-element class="list-well width-95b">
        <div>{{item.displayName}}</div>
        <i ng-class="{'icon-eye-open': item.open, 'icon-eye-close': !item.open}" ng-click="fn.setDataListState(item)"></i>
    </div>
</div>

 



js:注入模块
angular.module('ni.controllers.account', ['angular-sortable-view']);

引入js:angular-sortable-view.js
<script src='/static/assets/libs/angular-sortable-view.js'></script>

转载于:https://www.cnblogs.com/qyhol/p/5741132.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值