论坛首页 AJAX版 YUI

Yahoo UI学习笔记(二)------ DataTable(1)

浏览 677 次
该帖已经被评为隐藏帖
作者 正文
最后更新时间:2007-03-16

Yahoo UI学习笔记(二)------ DataTable

先打开 http://developer.yahoo.com/yui/datatable/

因为Yahoo提供的帮助很重要,再打开下载包里面的example看看,我基本上都是这个学习路线的。

看看了demo,感觉和日历控件差不多,上来还是三大块吧。
第一块:

js 代码
  1. "text/css" rel="stylesheet"  
  2.    href="build/datatable/assets/datatable.css">   
  3.   
  4.      
  5.   "text/javascript"  
  6.    src="build/yahoo-dom-event/yahoo-dom-event.js">   
  7.   
  8.      
  9.   "text/javascript"  
  10.    src="build/connection/connection-min.js">   
  11.   
  12.      
  13.   "text/javascript" src="dragdrop/dragdrop-min.js">   
  14.   
  15.      
  16.   "text/javascript" src="http://www.json.org/json.js">   
  17.   
  18.      
  19.   "text/javascript"  
  20.    src="build/datasource/datasource-beta-min.js">   
  21.   "text/javascript"  
  22.    src="build/datatable/datatable-beta-min.js">   
  23.   

基本上每个控件应该插入哪些js文件,在yahoo网站上都说了,大家自己找找。

第二块:先来看看dataTable的构造函数(用Java术语习惯了,大家凑合听吧)查了查API,发现这么写着:

Constructor
DataTable ( elContainer , oColumnSet , oDataSource , oConfigs )
Parameters:
elContainer <HTMLElement> Container element for the TABLE
//不用说了,装table的容器,说白了就是网页上div的id属性
oColumnSet <YAHOO.widget.ColumnSet> ColumnSet instance.
//列集的实例,下面详细说
oDataSource <YAHOO.util.DataSource> DataSource instance.
//数据源的实例,后面会提到
oConfigs <object> (optional) Object literal of configuration values.
//DataTable配置

我们可以直接new一个空的DataTable对象:
var myDataTable =
        new YAHOO.widget.DataTable("myContainer3");
然后在网页中插入一个id为myContainer3的div,只不过我们什么都看不到。

 

   
最后更新时间:2007-03-16
管理员帮忙删除一下吧,网络问题,发多了一次!
   
0 请登录后投票
论坛首页 AJAX版 YUI

跳转论坛:
JavaEye推荐