注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

YUI2.8 中的继承方法  

2010-12-21 18:49:21|  分类: Yui |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

YAHOO.lang.extend 方法 实现类之间的继承

static void extend ( subc , superc , overrides )

用于实现对父类的继承  父类静态成员不继承

参数:

subc <Function>  子类

superc <Function父类

overrides <Object> 为子类添加属性和方法 ,如果与父类中的属性和方法重名 则覆盖掉

实例:

继承YUI 2.8 的DataTable类

先看一个例子 http://developer.yahoo.com/yui/examples/datatable/dt_complex_clean.html

如图

  YUI2.8 中的继承方法 - zhenghaoju700 - zhenghaoju700 的博客

我们需要实现对 YAHOO.widget.DataTable 继承改变它的默认分页导航条

JS Code

//new namespace ci
YAHOO.namespace("ci");
//new DataTable
YAHOO.ci.DataTable = function(id, myColumnDefs, myDataSource){
    
    var myConfigs = {
            paginator: new YAHOO.widget.Paginator({
               rowsPerPage : 25,
               firstPageLinkLabel : "FIRST",
               lastPageLinkLabel : "LAST",
               previousPageLinkLabel : "PREV",
               nextPageLinkLabel : "NEXT",
               template : "{FirstPageLink}{PreviousPageLink}{PageLinks}{NextPageLink}{LastPageLink}{RowsPerPageDropdown}{CurrentPageReport}",
               pageReportTemplate : "TOTALS:{totalRecords}",
               rowsPerPageOptions : [ 5, 10, 25, 50 ]
            }),
            draggableColumns:true
    }

 
    YAHOO.ci.DataTable.superclass.constructor.call(this, id, myColumnDefs, myDataSource, myConfigs);
}
//YAHOO.ci.DataTable extend YAHOO.weight.Datatable
YAHOO.lang.extend(YAHOO.ci.DataTable, YAHOO.widget.DataTable);

 

以后只要使用YAHOO.ci.DataTable 就可以实现新的导航条

新类的截图

  YUI2.8 中的继承方法 - zhenghaoju700 - zhenghaoju700 的博客
使用新的YUI.ci.DataTable 就不用每次写导航条的配置了 

 

YUI中继承的例子   http://developer.yahoo.com/yui/examples/yahoo/yahoo_extend.html

 

 


  评论这张
 
阅读(168)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017