DataListBox的渲染技术

在其onReady()事件方法里编写

var currentData = view.get("#dataSetTrust").getData("#");
var approvalName = currentData.get("approvalName");
var process = currentData.get("process");
var agencyName = currentData.get("agencyName");
var dialogEditCaption = approvalName+"-"+process+"("+agencyName+")";




window.edit = function(){
var touchDialogEdit = view.get("#touchDialogEdit");
touchDialogEdit.set("caption",dialogEditCaption);
touchDialogEdit.show();
}


window.approve = function(){
var touchDialogApprove = view.get("#touchDialogApprove");
touchDialogApprove.set("caption",dialogEditCaption);
touchDialogApprove.show();
}




self.set("renderer", new dorado.widget.list.TemplateRenderer({
template: "<span class='item'>" +
"<span class ='icon icon-circle' style='padding-right:5px'></span>" +
"<span class='text'>" +
"<span class='top'>"+
"<span class='label'>"+"["+
"<%-data.approvalName%>"+"-"+"<%-data.process%>"+
"("+"<%-data.agencyName%>"+")]"+"<%-data.productName%>"+
"<%-data.quarterly%>"+
"</span>"+
"<span class='approvalDate'><%-data.approvalDate%></span>"+
"</span>"+
"<span class='bottom'>"+
"<span class='dealer'>"+"申请人："+"<%-data.approvalPerson%>"+
"   申请部门："+"<%-data.approvalDeptment%>"+
"</span>" +
"<span><img src='images/db.png' οnclick='edit()' width='30' height='30'/>"+
"<img src='images/out.jpg' οnclick='approve()' width='30' height='30'/>"+
"</span>" +
"</span>" +

"</span>" +
"</span>"
}));

可以在js里引用CSS和添加图片创造点击事件。

同样对于dorado7来说多列的dataGrid的渲染技术是

在做表格中通过某一列展现链接达到跳转下一个页面我们可以通过这种方式来
在dataGrid->dataColumn(student_Name)->event:onRenderCell()事件中编写：
var entity = arg.data;//行对应的数据实体。
var stu_id = entity.get("student_Id");
var stu_name = entity.get("student_Name");
arg.dom.innerHTML = "<a href='http://xxx.d?id="+stu_id +">"+stu_name+"</a>";
//arg.dom：对应的DOM对象。
特别的显示文本就用
var entity = arg.data;
arg.dom.innerText = entity.get("lastName") +  entity.get("firstName");