JavaScript YUI 2.8: DataTable jquery form 异步请求展示数据分页

JavaScript YUI 2.8: DataTable jquery form 异步请求显示数据分页
YUI Library: 一切关于yui的资料都可以获取
http://developer.yahoo.com/yui/
上个效果图:

两步走:
1 数据的获取(jquery form动态提交或者jquery ajax异步请求,内容和记录分两次请求):
2 数据的显示:(yahooui datatable)

1 数据的获取(jquery form动态提交或者jquery ajax异步请求):
YAHOOUI提供datasource可以异步去查询数据和数据的总记录数(一次查完),由于

                   

例子:
Spring2.5+ibatis+Struts1  oracle 9.0
导入即可运行

需求变更
1--列宽要随便改导入:


在列定义中加属性:



          2--yui中进行设置这个下拉信息Array(在列定义中进行设置)
         
  {key : "uname",sortable : false,editor: new YAHOO.widget.DropdownCellEditor({dropdownOptions:eval(dropdata), disableBtns:true}),formatter: function(el, oRecord, oColumn, oData) {     var combo = dropdata;     for (var i = 0;i<combo.length;i++) {        if (oData == combo[i].value) {           el.innerHTML = combo[i].label;           return;        }        el.innerHTML = oData;    }           } },
   


附上例子: 

Spring2.5+ibatis+Struts1  oracle 9.0 
导入即可运行(only a table and a procedure)
     1 楼    hongye1120    2010-10-25              菜鸟学习了！