0 0

YUI查询问题5

我们项目通过YUI进行的查询操作。
function init() {
	contentColumnHeaders =[
		{key:"select",text:"选择",width:"20em",type:"link"},
	    {key:"policyNo",text:"保单号",width:"30em",sortable:true,type:"link"},
	    {key:"contractNo",text:"合同号",width:"30em",sortable:true},
	    {key:"insuredName",text:"被保险人",width:"30em",sortable:true},
	    {key:"startDate",text:"保险起期",width:"30em",sortable:true,type:"date"},
	    {key:"operatorCode",text:"操作员",width:"40em",sortable:true},        
  	    {key:"inputTime",text:"输入时间",width:"40em",sortable:true,type:"date"}              
    ]; 

    //设置链接数据格式信息(主要用于处理与主键相关和操作相关的信息)
    YAHOO.widget.Column.formatLink = function(elCell, oRecord, oColumn, oData) { 
        //获取主键信息
		var oProposalNo = oRecord.proposalNo;
		if(oColumn.key=="createTime" || oColumn.key=="updateTime"){
        	var date = new Date(oData.time);
         	elCell.innerHTML =  date.toLocaleString();
 		} else if(oColumn.key=="select") {
			elCell.innerHTML="<input type='radio' name='ichkbox' id='ichkbox' />";
 		} else if(oColumn.key=="policyNo") {
			elCell.innerHTML="<label>"+ oData +"</label><input type ='hidden' name='ipolicyNo' id= 'ipolicyNo' value='"+oData +"' />";
 		} else {
        	elCell.innerHTML = oData;
        }
	}; 

	//设置日期转换格式
	YAHOO.widget.Column.formatDate = function (elCell, oRecord, oColumn, oData) {
    	//取得单元格的内容
    	var value = oData;
		//如果字段不为空,则进行格式处理
    	if (value != "") {
        	var date = new Date(oData.time);
        	if (oColumn.key == "startDate") {
        		value = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
      		} else {
        		value = date.toLocaleString();
      		}
    	}
    	elCell.innerHTML = value;
  	};
}

上面代码就是点击查询,显示在页面上的列,但是我想要某些列做为隐藏域,现在不知道怎么处理。

问题补充: {key:"policyNo",text:"保单号",width:"30em",sortable:true,type:"link"}
不知道这里有没有什么参数,可以设置成此列为隐藏。
YUI 
2012年12月06日 12:39

1个答案 按时间排序 按投票排序

0 0

采纳的答案

YUI datetable
设置隐藏列 属性 visible:false
{key:"select",text:"选择",width:"20em",type:"link",visible:false},
详见api:
http://yuilibrary.com/yui/docs/api/classes/DataTable.html#method_hide

2012年12月06日 12:53

相关推荐

    yui3-master.zip

    例如,“querystring”模块用于解析和序列化查询字符串,这对于适应不同屏幕尺寸和设备类型的应用来说是必不可少的。 8. **国际化支持** “i18n”模块则为多语言应用提供了便利,它允许开发者轻松地切换应用的语言...

    关于yui的学习

    YUI还包含其他实用工具,如CSS样式管理器(Style)、查询选择器(Selector)等。Style模块提供了修改元素样式的功能,如`Y.DOM.setStyle('#myElement', 'color', 'red')`将改变ID为'myElement'的元素颜色为红色。...

    YAHOO YUI3简单入门

    例如,`Node`模块的`getComputedStyle()`方法可以获取元素的计算样式,有助于实现基于媒体查询的响应式布局。 **数据存储** YUI3的`Storage`模块提供了本地存储解决方案,支持HTML5的localStorage和sessionStorage...

    dwr-yui实现分页

    在本场景中,"dwr-yui实现分页"指的是利用DWR和YUI库来实现网页的分页功能。 分页是Web应用程序中常见的功能,尤其是处理大量数据时,它可以提高用户体验,避免一次性加载过多内容导致页面加载慢或者浏览器崩溃。...

    基于Java的实例开发源码-JSCSS压缩工具 YUI Compressor.zip

    此外,它还可以处理CSS的媒体查询,确保在不同设备和屏幕尺寸下仍能正常工作。 虽然YUI Compressor在JavaScript和CSS压缩领域表现优秀,但也存在一些限制和挑战。例如,对于某些复杂的JavaScript代码,混淆可能导致...

    YuiAPI:一个浏览器API测试客户端,API文档生成器,支持chromefirefox新版edge

    YuiAPI YuiAPI是一个浏览器扩展,非常简单易用的API...查询字符串形式。如:a = 1&b = 2 键值对形式。每个行为一个键值对,键值用英文的:号分隔 如果您使用Chrome浏览器,在开发者工具里,可以直接复制参数,如下:

    学习YUI.Ext 第六天--关于树TreePanel(Part 1)

    这通常涉及到数据库查询,将查询结果转化为JSON格式。 4. **TreeLoader的使用**: `TreeLoader`对象负责从服务器请求数据,并将返回的JSON解析为TreePanel可以理解的节点结构。在示例中,`dataUrl`属性指定了JSON...

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

    JavaScript YUI 2.8 和 DataTable 是 Yahoo! UI Library 的一部分,它提供了一种强大的方式来展示和操作表格数据。jQuery form 插件则用于处理表单的异步提交,通常用于实现无刷新的数据更新。在本文中,我们将深入...

    javascript库函数

    4. **CSS样式和查询**:YUI提供了一组方法来处理CSS类和样式,以及查找匹配CSS选择器的元素,如YUI.Style、YUI.ClassNameManager等。 5. **动画效果**:YUI的Animation模块允许创建各种平滑的过渡效果,包括改变...

    学习YUI.Ext 第六天–关于树TreePanel(Part 2异步获取节点)

    异步取节点的思路是这样的: 1、先定义一个初始化节点(也可以不定义,看个人需求) 2、yui-ext根据该节点id请求服务器,获得子节点各属性 3、循环 特点:可以在上一级目录中,在服务器端预先将该节点是否有子节点...

    Android-YuiHatano——轻量级AndroidDAO单元测试框架

    它允许开发者在内存中创建SQLite数据库实例,进行插入、查询、更新和删除等操作的测试,而无需真正写入到设备的物理数据库中,这样既提高了测试效率,又避免了数据污染。 对于SQLite数据库的测试,YuiHatano支持...

    C#表单多行明细表格录入参照选择控件弹出窗口解决方案Table

    1、三层架构。 2、验证数据全套JS脚本。... 7、JS用compiler.jar压缩、CSS用yuicompressor-2.4.2.jar压缩加快运行速度。 含查询设计器(不含注册) 1、在A套餐基础上增加查询设计器。 2、可以自由设计查询。

    CSSyshb_bat

    3. **处理CSS3和媒体查询**:支持现代CSS特性,包括媒体查询,适用于响应式设计。 结合"CSSyshb_bat"这个批处理文件,我们可以推测它可能包含了运行YUI Compressor自动压缩和/或合并JS和CSS文件的命令,方便开发者...

    cheatsheets

    【CSS兼容性问题手册——YUI 2.9 Cheat Sheets详解】 在网页设计与开发过程中,CSS(Cascading Style Sheets)是不可或缺的一部分,它负责网页的布局和样式。然而,由于不同浏览器对CSS的支持程度存在差异,开发者...

    雅虎css3.9.0整理包

    此外,CSS3.9.0还支持媒体查询(media queries),这使得开发者可以根据设备特性和视口大小来应用不同的样式,从而实现响应式设计,确保网页在不同设备上的良好显示。 在HTML方面,YUI3.9.0可能包含了一些优化的...

    js、css压缩工具

    同时,确保压缩工具能够正确处理CSS中的URL、@import语句和媒体查询,以免破坏样式。 6. **其他工具**:除了YUI Compressor,还有许多其他流行的压缩工具,如UglifyJS(专门针对JavaScript)、Closure Compiler和...

    解决Layui数据表格的宽高问题

    此外,为了更好地适应各种屏幕尺寸,可以结合响应式设计原则,使用媒体查询(media queries)来设定不同分辨率下的表格样式,确保在移动端和平板设备上也能提供良好的用户体验。 总的来说,解决Layui数据表格的宽高...

    Layui实现带查询条件的分页

    本文实例为大家分享了Layui实现带查询条件的分页,供大家参考,具体内容如下 这个前端UI框架是真的让人又爱又恨呐!想了很久的方案才行的通 这是全部源码: {include file=../../../application/admin/view/public/...

    淘宝网使用的省市区三级联动demo

    "YUI.js"很可能引用了雅虎用户界面库(Yahoo User Interface Library),这是一个强大的前端JavaScript框架,提供了丰富的UI组件和事件处理机制。在这个场景中,YUI可能被用来创建和管理DOM元素,以及处理用户的交互...

    10大js框架 javaScript框架

    jQuery支持XPath查询、DOM 1-3标准的选择器、CSS选择器和事件处理,同时也提供了远程数据加载功能。其API简单易学,拥有丰富的UI插件和特效,极大地提升了Web应用的用户体验。 ### 5. DWR (Direct Web Remoting) ...

Global site tag (gtag.js) - Google Analytics