ext4.1 grid group field is a object。

本文详细介绍了如何在Ext.js Grid组件中使用分组功能,并通过特定的字段实现数据分组和展示。包括如何创建分组特征、配置分组标题模板以及处理分组数据的展示逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  插件添加:
features: [Ext.create('Ext.grid.feature.Grouping', {  
	    groupByText : '用本字段分组',  
	    showGroupsText : '显示分组',  
	    groupHeaderTpl: '圈子: {name} ({rows.length})', //分组标题模版  
	    startCollapsed: false //设置初始分组是否收起   
	})],


要注销这个:

    /*	{
	    	header:'圈子',
	    	dataIndex :'community',
	    	width:80,
	    	align: 'center',
	    	renderer: function(value, metaData, record, row, col, store, gridView){
    		  	   if(value!=null){
				    	return value.name
				    }
		   			return '';
		    }
    	},*/

store中的内容

    groupField: 'community',
    getGroupString: function(instance) {
        return instance.data.community.name;
    },//对分组的修改


注意:community是一个对象,下面有个name属性。

分组之后的效果:




之前的效果:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值