EXT gridGroup

            Ext.define(‘Task‘, {
                extend: ‘Ext.data.Model‘,
                idProperty: ‘id‘,
                fields: [
                    { name: ‘Customer_name‘, type: ‘string‘ },
                    { name: ‘Follow‘, type: ‘string‘ },
                    { name: ‘Follow_Type‘, type: ‘string‘ },
                    { name: ‘department_name‘, type: ‘string‘ },
                    { name: ‘employee_name‘, type: ‘string‘ },
                    { name: ‘Follow_date‘, type: ‘date‘, dateFormat: ‘Y-d-m‘ }
                ]
            });
            var store = Ext.create(‘Ext.data.Store‘, {
                model: ‘Task‘,
                pageSize: 20,
                remoteSort: false,
                remoteFilter: true,
                proxy: {
                    type: ‘ajax‘,
                    url: ‘/data/customer/FollowHandler.ashx?action=personGrid‘,
                    reader: {
                        type: ‘json‘,
                        root: ‘rows‘,
                        totalProperty: ‘total‘
                    }
                },
                sorters: [
                    {
                        property: ‘id‘,
                        direction: ‘desc‘
                    }
                ],
                groupField: ‘Customer_name‘,//分组
                autoLoad: true
            });

  

var grid = Ext.create(‘Ext.grid.Panel‘, {
                id: ‘PersonContactsList_grid‘,
                floatable: false,
                border: false,
                store: store,
                reload: true,
                bbar: pagebbar,
                title: ‘个人客户‘,
                features: [{//分组选项
                    id: ‘persongroup‘,
                    ftype: ‘groupingsummary‘,
                    groupHeaderTpl: ‘{name}‘,
                    hideGroupedHeader: true,
                    enableGroupingMenu: false,
                    startCollapsed: true
                }],
                columns: [{
                    text: ‘跟进内容‘,
                    width: 600,
                    locked: true,
                    tdCls: ‘task‘,
                    sortable: true,
                    dataIndex: ‘Follow‘,
                    hideable: false,
                    summaryType: ‘count‘,
                    summaryRenderer: function (value, summaryData, dataIndex) {//组内数量统计
                        return ((value === 0 || value > 1) ? ‘(‘ + value + ‘ 跟进)‘ : ‘(1 跟进)‘);
                    },
                    renderer: function (value, meta, record) {
                        return ‘<div style="white-space:normal;overflow: visible;">‘ + value + ‘</div>‘;
                    }
                },
                    {
                        text: "客户名称",
                        width: 200,
                        dataIndex: ‘Customer_name‘
                    },...............
时间: 2024-07-30 22:56:13

EXT gridGroup的相关文章

Ext.js入门:常用组件与综合案例(七)

一:datefield简单示例 二:timefield简单示例 三:numberfield简单示例 四:FormPanel提交 datefield简单示例: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="Ext/resources/css/ext-all.css&

ExtJS中Ext.Ajax.request与form1.getForm().submit的基本区别

相同点:都属于Ajax提交方式! 不同点:Ext.Ajax.request是Ext.data.connection的一个实例 form1.getForm().submit是BasicForm的一个实现方式 使用上的区别: 1.form1.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面 2.Ext.Ajax.request常用在根据参数提交的时候,比如删除,我们把页面选中的ID进行遍历,封装在一个Array中,作为一个参数做Ajax的提交 例子:

Ext.net里面放置KindEditor富文本框(解决KindEditor不显示和后台取不到值的问题)

上周六,从上午10点到晚上12点终于搞定了Ext.net与KindEditor的兼容性问题.对于Ext.net的原理,我是菜鸟,表示不懂.我遇到的两个问题是,问题一是不显示KindEditor控件,通过ext:ResourceManager里面的 <DocumentReady Handler="createEditor();" /> 解决了,问题二是KindEditor控件的值传不会后台去,就是在前台也收不到值,但是我通过点击全屏按钮后就可以收到其值了,于是采用<Cl

华为刀片,IBM刀片服务器将外部EXT端口流量复制给内部INT端口的实现方法不同

如何在刀片服务器中将外部端口EXT的流量复制给内部INT端口用于采集DNS流量 (1)对于IBM刀片服务器的北电Nortel_32R1860交换模块112.4.20.12DNS抓包的问题已经搞定 经过摸索和测试,感觉北电的交换机模块不是采用镜像命令来实现复制流量(虽然有相应的port-mirroring monitor-port...命令,但并不生效),而应该是在相同vlan就可以复制流量,如果要把ext3的流量复制给int14,只要把ext3和int14放在同一个vlan11下,都不打tagg

override Ext.grid.plugin.RowExpander的方法不起作用

Ext版本4.2 覆盖方法: Ext.override(Ext.grid.plugin.RowExpander, {     setCmp: function (grid) {         var me = this,             rowBodyTpl,             features;         console.log('我是盖子..');         me.callParent(arguments);         me.recordsExpanded 

谈谈Ext JS的组件——容器与布局

概述 在页面中,比較棘手的地方就是布局.而要实现布局.就得有能维护布局的容器. 能够说,在我试过和使用过的Javascript框架中,Ext JS的布局是做得最优秀的一个,而这得益于它强大的容器类和丰富的布局类.在本文将介绍Ext JS的容器组合和布局类. 容器:Ext.container.Container 容器的主要功能是管理其内部的组件.因而在继承Ext.Component的所有功能的基础上.加入了相应的用来处理内部组件的方法add.insert.remove和removeAll. 在配置

Ext概述

Ext是一个具有丰富组件的javascript集合类库,除了自身提供的一套选择器.效果.ajax等功能,还提供了大量的javascript创建页面元素的类.方法.这个意味着:只要客户端支持javascript,可以使用ext方便的生成所有页面元素,再不必搞大量的html代码,而且生成的页面的样式还很漂亮.EXT 强大的UI,而且性能不错,这是其最大的优点. 速度快,管是UI还是其它模块. 100%面向对象和组件化的思想,一致的语法,全局的命名空间. 文档的完整,规范,方便. 所有的组件(widg

Ext简单demo示例

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <titl

EXT.JS以下两种写法在初始载入时是一样的效果

/* Ext.application({ name: 'MyfirstApplication', launch: function () { Ext.Msg.alert("Hello", "My first App!"); } }); */ Ext.onReady(function () { //alert("This is my first Extjs app !"); //Ext.Msg.alert("Alert", &q