有时候,我们在grid里渲染数据时,由于某些字段的内容太长,而grid又不会自动出现滚动条,于是溢出的内容后面就会出现省略号, 导致信息展示不完全。如果,这个信息不太重要,展示不完全也无关紧要。可是,有时候,用户需要查看溢出部分的详细内容时,怎么办呢?比如下图中的grid:因为信息内容太长,导致“消...
分类:
其他好文 时间:
2015-10-02 22:27:30
阅读次数:
315
今天做一个grid,里面的数据须要带明细,思来想去还是搞个表格嵌套吧!看下图对于grid中每一条记录点击左边的+号能展开一个明细的子表格 全部数据包含列名均从后台获得,子表格的数据临时在本地以做測试在此贴一些代码留下记录function displayInnerGrid(renderId) { .....
分类:
Web程序 时间:
2014-10-18 19:40:11
阅读次数:
386
Ext版本4.2覆盖方法:Ext.override(Ext.grid.plugin.RowExpander,{
setCmp:function(grid){
varme=this,
rowBodyTpl,
features;
console.log(‘我是盖子。。‘);
me.callParent(arguments);
me.recordsExpanded={};
me.rowBodyTpl=Ext.XTemplate.getTpl(me,‘rowBodyTpl‘);
rowB..
分类:
其他好文 时间:
2014-07-24 23:55:54
阅读次数:
630
先看效果样品和审核记录是一对多的关系,通过XTemplate来展现数据。如果后台的数据是JSON格式的,这个事情就简单了,但是如果后台的数据是XML的,并且通过Model之间的hasmany关系来配置,就复杂一些了。解决方案:model.Sample.jsExt.define("Soims.model.Sample",{
extend:‘Ex..
分类:
其他好文 时间:
2014-07-24 23:53:44
阅读次数:
305
先看效果:代码如下:test其中使用到的"RowExpander.js"为extjs官方示例中自带的。实现这个嵌套表格要注意两点技巧:1 提供给外层表格的dataStore的数据源以嵌套数组的形式表示细节区的数据,如下面的黑体所示。vartestData=[["lugreen","男",26,[["...
分类:
Web程序 时间:
2014-07-22 22:44:14
阅读次数:
391