var expander = new Ext.ux.grid.RowExpander({
tpl : new Ext.XTemplate('<div class="x-grid-group-title" style="margin-left:10%">'
+ '<table class="displayTable">'
+ '<thead><tr><th>审核单位</th><th>审核人员</th><th>审核时间</th><th>审核状态</th></tr></thead>'
+ '<tpl for="auditHistory"><tr>' + '<td><tpl for="auditCorp">{name}</tpl></td>'
+ '<td><tpl for="auditUser">{cnName}</tpl></td> '
+ '<td>{auditDate:this.getAuditDate}</td><td>{status:this.getStauts}</td>' + '</tr>'
+ '</tpl>' + '</table>' + '<table class="displayTable">' + '<thead>'
+ '<tr><th>收费项目</th><th>收费金额</th></tr>' + '</thead>' + '<tpl for="details"><tr>'
+ '<td><tpl for="feeType">{name}</tpl></td>' + '<td align="right">{chargesMoney}</td> '
+ '</tr>' + '</tpl>' + '</table>' + '</div>', {
getAuditDate : function(d) {
if (d)
return Date.parseDate(d, "Y-m-d\\TH:i:s").format("Y-m-d H:i:s");
return "";
},
getStauts : function(val) {
switch (val) {
case 0 :
return "同意";
case 1 :
return "退回";
default :
return "";
}
}
}),
lazyRender : true,
enableCaching : false,
toggleRow : function(row) {
if (typeof row == 'number') {
row = this.grid.view.getRow(row);
}
if (!Ext.fly(row).hasClass('x-grid3-row-collapsed')) {
this.collapseRow(row);
return;
}
var store = this.grid.store;
var record = this.grid.store.getAt(row.rowIndex);
var _this = this;
var mark = new Ext.LoadMask(Ext.getBody(), {
msg : 'Loading data...',
removeMask : true
});
mark.show();
Ext.Ajax.request({
url : './notecollection!show.html',
params : {
'id' : record.id
},
method : 'POST',
callback : function(option, success, response) {
var rt = Ext.util.JSON.decode(response.responseText);
if (success && rt.success) {
record.set("details", rt.details);
record.set("auditHistory", rt.auditHistory);
_this.expandRow(row.rowIndex);
} else {
handgoajax.ajaxError(rt.msg);
}
mark.hide();
}
});
}
});
分享到:
相关推荐
自己写的一个Extjs Grid2Grid拖拽
本文为大家探讨下关于Extjs中RowExpander控件的默认展开问题,下面有个不错的示例,感兴趣的朋友可以参考下
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
包含各种类型的extjs小图标,Extjs4小图标
一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) ...
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
extjs电子书,extjs电子书,extjs电子书,extjs电子书
开始ExtJS之旅的第一步是要获得开发包,可以从官方网站www.ExtJS.com下载,以保证获 得最新版本。其下载地址是http://www.ExtJS.com/download,下载成功后的开发包是ExtJS- 2.0.2.zip,有6.08MB大。不过不用担心,这...
extjsapi,extjs文档,api手岫
适用于ExtJS4、ExtJS5 MD5加密算法!
JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
ExtJS 文字教程 extjs2 dojochina系列 extjs2视频教程 DOJO Extjs3-北风 Extjs3-大漠 ExtJS3.4-界面实战 extjs4 30集 uspcat系列 extjs4 其他视频一套 Extjs4.0MVC项目开发视频教程 extjs4.1.1视频教程 ExtJS4培训...