Mootools 1.2教程(16)——排序类和方法简介(3)

作者:Fdream 来源:Fdream博客 时间:2008-12-10 14:18:00 


Sortable事件

sortable事件非常好也非常简单易用。每一个都会传递当前拖动的元素(如果你使用了colone元素,不是那个clone的元素,而是原始的元素)。



onStart——当拖动开始时触发(当snap触发以后)
onSort——当项目改变排序以后触发
onComplete——当你把一个元素放下以后触发

我们会在后面再仔细看这些事件(你可以在后面的例子中看到效果)。

Sortable方法

尽管我们已经使用过很多方法了,但是我们从来没有详细讲过。方法本质上还是一些函数,不过它们是属于某一个类的。不过等我们在讲类的时候,我们会第二次再建立一个通用的概念。这个插件(和我们讲过的其他插件一样),全部都遵循一个类似的模式——使用“new”初始化一个插件,定义一个或者多个选择器参数,定义你的选项,添加一些事件(和建立新的sortable和tween类似)。这个模式是类的基础。一个类最基础的就是允许你保存一些选项和函数,从而可以重复使用它们。方法就是一个类里面一些特定的函数。实例的.set()和.get()方法则是element的属性扩展方法。在Fx.Tween中,.start()就是一个方法。为了更清晰的理解,我们看看sortable的方法。

.detach();

通过.detach();方法,你可以剥离(detach)所有的控制器,从而使得整个列表都不可以拖动。这对于禁用拖动非常有用。

.attach();

这个方法将把控制器关联到排序项目,可以在使用.detach();方法后再次启动排序功能。

.addItems();

这个方法可以让你添加新的项目到你的排序列表中。这个意思是说,你有一个排序列表,用户可以向里面添加新的项目,一旦你添加了一个新的项目,你就需要在那个新的项目上启动排序功能。

.removeItems();

这个方法可以让你从已有的排序列表中删除一些元素。当你需要锁定排序列表中的一些特殊的项目不让它参与排序时非常有用。

.addLists();

除了添加一个新项到一个已经存在的排序列表中,你也许还想添加一个新的列表到排序列表中。.addLists();方法可以让你添加多个列表,这使得添加多个排序对象变得真正容易。

.removeLists();

可以让你从排序对象中移除整个整个列表。当你需要锁定一些特殊的列表时,这个很有用。你可以移除一个列表,保留下来的其他项目则可以继续排序,但是会锁定这个移除的列表。

.serialize();

这个排序功能非常优秀,不过如果你想处理这些数据怎么办?.serialize();方法将依照它们的顺序返回包含这些项目id的数组。你可以通过索引值来选择你要获取数据的列表。

方法的影响力远远超过我们这里所涵盖的内容,如果你是新手,那就让这做为一个简单的概念介绍吧,我们会在后面的教程中更深入地讨论方法和类。

标签:mootools,排序,类,教程,javascript
0
投稿

猜你喜欢

  • z-index在IE中的迷惑

    2007-05-11 16:50:00
  • SQL Server 2005 输入框不能输入中文问题

    2010-02-04 09:14:00
  • asp防止盗链HTTP_REFERER判断代码

    2010-03-12 10:41:00
  • Oracle数据库与SQL Server数据库镜像对比

    2009-04-11 16:24:00
  • 扩展性很好的一个分页存储过程分享

    2011-11-03 17:04:16
  • 在OracleE数据库的字段上建立索引的方法

    2009-02-26 10:34:00
  • 快速掌握ASP连接11种数据库的常用语法

    2008-11-28 15:32:00
  • 一个asp简单购物车教程

    2007-09-17 11:02:00
  • IE下修改<p>标签的innerHTML出错

    2007-11-11 10:12:00
  • asp Http_Referer,Server_Name和Http_Host

    2011-03-29 11:12:00
  • Utf-8和Gb2312乱码问题的终结

    2008-04-05 14:04:00
  • iis7 ASP+Access数据库连接错误

    2011-03-08 10:41:00
  • 安装MySQL5.0后出现1607异常的解决办法

    2009-02-26 15:52:00
  • Mootools 1.2教程(23)——滑动效果(Slide)

    2009-03-04 12:33:00
  • 深入了解MySQL的数据类型以及建库策略

    2008-12-17 16:16:00
  • 费茨法则在交互设计中的应用

    2009-07-09 19:02:00
  • 如何在 IE 中使用 HTML5 元素

    2009-06-14 19:44:00
  • ajax Google PageRank3(PR值)查询源代码

    2007-11-04 13:31:00
  • 解构用户研究

    2010-03-15 12:34:00
  • MySQL的一些安全注意点

    2008-12-24 16:29:00
  • asp之家 网络编程 m.aspxhome.com