亚洲国产私拍精品国模在线观看,人妻中出受孕 中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂

湘龍工作室提供長(zhǎng)沙做網(wǎng)站,長(zhǎng)沙建站,長(zhǎng)沙網(wǎng)站開發(fā),軟件制作,網(wǎng)站優(yōu)化,域名注冊(cè),網(wǎng)絡(luò)空間
長(zhǎng)沙做網(wǎng)站

AngularJS神奇的排序模塊ui-sortable

發(fā)布時(shí)間:2014/11/06 來源:長(zhǎng)沙做網(wǎng)站

   AngularJS推出后迅速成為前端框架里獨(dú)樹一幟的牛逼框架,特別是做數(shù)據(jù)呈現(xiàn)頁面的更是覺得前端開發(fā)應(yīng)該是獨(dú)立的,數(shù)據(jù)提供只架好RESUful Web Server即可。
 
  好,廢話不多說,長(zhǎng)沙做網(wǎng)站本次介紹的模塊是angularjs-ui-sortable,由于angularjs-ui-sortable是基于jQueryUI開發(fā),所以要使用這個(gè)模塊必須先引入jQuery與jQueryUI,angularjs-ui-sortable的github倉庫地址:https://github.com/angular-ui/ui-sortable
 
  倉庫的README里就寫明了使用要求:
AngularJS神奇的排序模塊ui-sortable
 
  所以,你要像上面一樣,依次引入以上列出的腳本,假設(shè)所有腳本你都已經(jīng)下載好了
 
  引入腳本后,我們可以來小小試一下:

JavaScript Code:

1
2
3
4
5
6
7
8
angular.module('daybabyApp')
    .controller('MainCtrl', function ($scope) {
        $scope.todos = [
            'one',
            'two',
            'three'
        ];
});

HTML Code:

1
2
3
4
5
6
7
8
<div class="row" ui-sortable ng-model="todos">
    <div class="input-group" ng-repeat="todo in todos" style="padding:5px 10px; cursor:move;">
        <input type="text" ng-model="todo" class="form-control">
        <span class="input-group-btn">
            <button class="btn btn-danger" ng-click="removeTodo($index)" aria-label="Remove">X</button>
        </span>
    </div>
</div>
 
  看看效果:
AngularJS神奇的排序模塊ui-sortable效果
 
  要看這個(gè)例子請(qǐng)點(diǎn)這里:http://www.qttc.net/static/demo/angular-sortable/
 
  需要注意的是,這個(gè)排序也繼承了AngularJS的特點(diǎn),它不是單純的UI排序,而是數(shù)據(jù)與UI雙向同步
AngularJS神奇的排序模塊ui-sortable
 
  這個(gè)模塊支持了好多事件,通過這些事件你可以更好的控制排序功能
做網(wǎng)站版權(quán)所有 2009-2015 湘ICP備11020044號(hào)   sitemap
地址:長(zhǎng)沙市天心區(qū)五一西路189號(hào)錦繡中環(huán)29樓(已搬至岳麓區(qū)金星北路89號(hào))   郵編:410001
電話:0731-82067301   QQ:2668200050   Email:longyun1077@163.com
湘龍工作室為您提供:長(zhǎng)沙做網(wǎng)站,長(zhǎng)沙建站,長(zhǎng)沙網(wǎng)站開發(fā),軟件制作,網(wǎng)站優(yōu)化,域名注冊(cè),網(wǎng)絡(luò)空間服務(wù)
Copyright 2002-2010 長(zhǎng)沙做網(wǎng)站m.aushadhiyoga.com. 版權(quán)所有
長(zhǎng)沙做網(wǎng)站多少錢   長(zhǎng)沙做網(wǎng)站公司   長(zhǎng)沙做網(wǎng)站價(jià)格   長(zhǎng)沙做網(wǎng)站的 培訓(xùn)班管理軟件
分享到: