yui学习笔记(一)

 

YUI分为两个大类,一个是Ajax组件,里面包括对底层javascript包装后的几个工具包,分别是connection,event, dom,animation,dnd.还包括一组高级的javascript控件,目前包括AutoComplete,Calendar, Container,Menu,Slider,TreeView.

另一类是几个很有用的几个CSS文件,一个是CSS Page Grids,用它可以很方便的布局你的网页。另外两个是Standard CSS Fonts和Standard CSS Reset,利用这两个CSS可以对字体等在不同浏览器中获得一致的效果.


使用日历组件的完美日历选择器

 

calendar类


在calendar类中定义了大量的方法;有些是私有方法由calendar对象内部使用,你并不需要知道和使用。有些更有用的公有方法包括:

    初始化方法:init,initEvents,initstyles。

    用于确定某日期是否不在当前月内的函数:isDateOOM。

    导航栏方法如:nextMonth,nextYear,previousMonth以及previousYear。可以用程序来切换所显示的月份或年份。

    操作方法如:addMonths,addYears,substractMonths以及subtractYears。用于使用特定的年月来改变显示的年月。

    render方法用于在页面中画出calendar控件。在每次调用calendar时都要部署,如果没有该方法,calendar将不会显示。

    两种重置方法:reset方法重置到原始选择的日期,resetRenderers重置到render stack of the calendar。

    选择器方法:deselect,deselectall,desellectcell,select,selectcell.


calendargroup类


除了基础calendar类,你可以同时创建一组calendar,例如,你有一组两个calendar的容器,一个是一月的,另个是二月的,点击右边的导航栏箭头,就会将二月的移动到右边的容器,从而在右边容器显示三月。这些都是自动化的,你不需要部署什么。

在这个类中方法少些。有些基础calendar类中的方法在这个类中也有,例如导航栏方法,选择器方法,部署的方法。calendargroup类独有的方法:

描述方法如sub,unsub,用于描述或去除对每个子calendar的客户端事件的描述。

子函数如:callChildFunction和setChildFunction方法,用于设置和调用子calendar的方法。

 

例子:

 

 

 

 


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值