dorado ssh 表格渲染

本文主要探讨了Dorado SSH表格渲染的三个关键点:1) 渲染后如何保留原有数据并改变字体颜色;2) 如何进行数据变形渲染,隐藏原有数据,以图片名称显示;3) 如何针对性地渲染表格的特定行。通过这些技巧,可以丰富表格展示效果,提升用户体验。
摘要由CSDN通过智能技术生成

0 渲染后是否会显示原有的数据?

arg.processDefault

在dataGrid的onRenderRow事件中编辑时,默认arg.processDefault=true,即该渲染事件结束后继续使用系统默认的渲染逻辑,数据还照常显示

在dataGrid的onRenderCell事件中编辑时,默认arg.processDefault=false,即该渲染事件结束后不使用系统默认的渲染逻辑,数据不显示

dataColumn的onRenderCell事件中编辑时,默认arg.processDefault=false,即该渲染事件结束后不使用系统默认的渲染逻辑,数据不显示

arg.dom和arg.dom.parentNode是什么

onRenderCell事件中编辑时,arg.dom是div块,arg.dom.parentNode是单元格td
onRenderCell事件中编辑时,arg.dom是行tr,arg.dom.parentNode是表格内容tbody【不包含标题】

1对某列中已有数据进行渲染,显示原有数据。字体变色

即某列的onRenderCell事件

此时要在事件编辑区最后加上一句:arg.processDefault=true,该渲染事件结束后继续使用系统默认的渲染逻辑,使得数据还照常显示
var status = arg.data.get("statusString");
//arg.dom.style.fontWeight="bold";
if(statu=="正常"){
	arg.dom.style.color="green";//green
}else if(stat=="禁用"){
	arg.dom.style.color="gray";
}else if(status=="停止"){
	arg.dom.style.color="red";
}
arg.processDefault = true;

2对某列中已有数据进行变形渲染,不显示原有数据。根据图片的名字显示字符串

此时不需要arg.processDefault=true,因为不需要显示原有数据。
if(arg.data.get("image")){
	//jquery对象.empty()返回去除了子元素和文本的jquery对象
    $(arg.dom).empty().xCreate(
    {
        tagName : "IMG",
        src : $url(">images/photo/"+ arg.data.get("image")),
        style : "width: 20px; height: 20px; margin: 2px"
    });
    //初始化Tip控件,在控件中显示图片
    dorado.TipManager.initTip(arg.dom.parentNode, {
        content : {
            tagName : "IMG",
            src : $url(">images/photo/"+ arg.data.get("image")),
            style : "width: 128px; height: 128px; margin: 8px"
        },
        arrowDirection : "top",
        arrowAlign : "left"
    });  

3渲染某个行时

即dataDrid的onRenderRow事件

此时arg.processDefault默认为true,表渲染后使用系统默认的渲染器对数据进行渲染(即显示数据)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值