contentColumnHeaders =[ {key:\,text:\人员工号\,width:\,sortable:true,type:\}, {key:\,text:\人员名称\,width:\,sortable:true}, {key:\,text:\机构代码\,width:\,sortable:true}, {key:\,text:\最新员工代码\,width:\,sortable:true} , {key:\,text:\修改\,width:\,sortable:true,type:\} , {key:\,text:\删除\,width:\,sortable:true,type:\} ]; ? 初始contentColumnHeaders时候，其中的type:”link”是说明这列数据在初始加
载的时候可以去执行方法，同样需要在init中加入，具体方法如下：
YAHOO.widget.Column.formatLink = function(elCell, oRecord, oColumn, oData) { if(oColumn.key==\|| oColumn.key==\){ var date = new Date(oData.time); elCell.innerHTML = date.toLocaleString(); }else if(oColumn.key==\){ elCell.innerHTML=\ onclick=\\\+ oRecord.userCode + \修改\; }else if(oColumn.key==\){ elCell.innerHTML=\onclick=\\\+ oRecord.userCode + \删除\; }else if(oColumn.key==\){ elCell.innerHTML=\href=\\\onclick=\\\ }else{ elCell.innerHTML = oData; } }; + oRecord.userCode + \+oData+\;
?
var myDataSource = new
YAHOO.util.DataSource(\);
修改其中的URL，修改为需要请求的具体链接即可。 ? myDataSource.responseSchema 中的fields部分。按照上面的
contentColumnHeaders填写这部分
?
myDataSource.subscribe(\,SINOSOFT.util.
navigation);
此处指定查询结果的导航栏，同样也可以自己制定
? ?
myDataSource.connMgr.setForm(fm);此处的fm为当前Form的name，如
果命名不正确的话会对页面跳转的传值有影响
contentDataTable = new
YAHOO.widget.DataTable(\,myColumnSet,myDataSource,myConfiges);
此处的content为html中定义的一个div的id，为显示结果的区域。 按照需要修改以上关键点后即可完成一个YUI组件的Ajax的数据查询。
1.3.2 Autocomplete组件
使用YUI 的Autocomplete取代老框架的双击域和下拉框.此技术是在YUI的Autocomplete基础上进行了封装并结合DWR技术进行整合。形成了我们现在使用的Autocomplete效果。
1.1.2.1 InputLoad 实现动态数据查询效果
ComCode 1 inputLoad 请选择机构代码 codeType=\ codeCode=\/>\name=\/> 注意：
a) 这段代码对格式要求很严格，注意格式，进行格式化后可能失效。 b) Type必须是inputLoad，否则不能实现动态查询效果 c) inputHint 查询前现实的提示文
d) 代码最后的div的id名称必须为第一个type=”text” input的name
增加”_Container”
e) Type为text的input为页面展现使用 f)
Type为hidden的input为数据传输使用
1.1.2.2 StaticSelect 实现下拉框的静态初始
StaticSelect ${riskCode} firstLoad 1 查勘类型代码或名称
a) CodeType必须为StaticSelect否则不能实现下拉框数据的静态初始 b) 仿照上面例子编写即可。
1.4 标签规范开发
1.4.1 JSTL标签
此处我们已经引入了标准的JSTL标签，大家在页面开发的时候可以直接引用即可，无需关心如何整合的。
1.1.1.1 c:set
1.1.1.2 c:if
1.1.1.3 c:when
可以理解为if else中的if，需要结合c:choose中使用
1.1.1.4 c:otherwise
相当于可以理解为if else中的else。需要结合c:choose和c:when使用
1.1.1.5 c:choose
c:when和c:otherwise的外层必要嵌套
1.1.1.6 c:forEach
Items的值为页面中可以获取的数据或者序列对象，var中定义了在标签中使用的当前叠代记录的变量名。
Jstl标签库是非常强大和完备的，此处只是指出了我们可能会常用到的几个，如果在开发中用到了其他标签，可以查询相关的资料。
1.4.2 自定义标签
为了使页面开发更加的简便，同时也是为了满足更多的业务需求和个性定制，我们也自己定义了多个标签实现。具体tld如下：
<%@ taglib prefix=%uri=\%> 大家可以参看/WEB-INF/tlds/ce.tld文件了解具体的详情
1.1.2.1 ce:select
value=\list=\有效','0':'无效'}\/> 下拉框显示方式，其中list参数可以是想上例现实的自定义的选项，当然也是可以指定成一个list变量进行显示。主要用于list数据的下拉框显示 1.1.2.2 ce:codetag codeCode=\/> 代码翻译标签，通过codeType,对codeCode进行代码翻译 1.1.2.3 ce:codeselect cssClass=\cssStyle=\ riskCode=\codeType=\通过codeType进行查询，查出的数据作为list进行下拉框显示。主要针对基础数据进行select展示。 emptyOption=\ value=\/> 1.1.2.4 ce:checkboxlist list=\value=\disabled=\/> 1.1.2.5 ce:radio Radio的展现方式 1.5 CSS的规范开发 使用工程定义好的CSS，不允许自己定义。具体css可以参看cssShow.jsp页面