extjs grid renderer用法

转载 2013年12月03日 14:51:22

renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子。如:

 var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
            {header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
            {header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
            {header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
            {header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
        ],
        stripeRows: true,
        autoExpandColumn: 'company',
        height:350,
        width:600,
        title:'Array Grid'
    });

    function change(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '</span>';
        }
        return val;
    }
renderer原型参数:

renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
}


参考资料:

http://wenku.baidu.com/link?url=9I5ZRL8j95sPmGiSFst0R33MK2yvW9fjAnHU2llEilXvbap0dTZqk9sQbLvOApxUoFLTq4BF7IgzhaDp_1WtmtaymUwbtVZEbrIap_TfTwi

http://blog.csdn.net/angus_17/article/details/6913108

相关文章推荐

Extjs之Renderer方法中的参数详解

{ header: "销售(面积)比例", dataIndex: "bili", id:'timeline', //可以...

Ext中renderer用法及参数

setHeader是设置http恳求的头是MIME 和谈的拓展可以实现以下功能 Ext中 renderer一般用于Grid中对列模型的衬着上 其具体信息记录在 Ext.grid.ColumnMode...

extjs renderer的参数以及对应的值

columns:[ {"header":"用户名",width:150,dataIndex:"userName"}, {"header":"姓名",width:150,...

js EXTJS grid renderer用法

renderer : Function (可选的)该函数用于加工单元格的原始数据,转换成为HTML并返回给GridView进一步处理。如不指定,则对原始数据值进行默认地渲染。 例:rend...

extjs render 用法介绍

extjs render 用法介绍 作者: 字体:[增加 减小] 类型:转载 时间:2013-09-11 我要评论 renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显...

Ext JS - renderer函数中各参数含义

renderer: function(value, metaData, record, rowIndex, columnIndex, store){ // 函数中各个参数的含义 } -----...

如何能够获得Extjs.grid.panel总的Columns的列数

var grid = Ext.create('Ext.grid.GridPanel',{}); var columns = grid.columns; var Length = columns.len...

Ext组件渲染render的全过程详述

模板模式是设计模式中很重要的一个知识点,我在模式总结——模板方法这篇文章中已有总结,在面向对象设计中有着举足轻重的地位。  在Ext中更是发挥的淋漓尽致,为什么这么说呢?Ext中的组件有着很深的...

Extjs里表格grid显示日期类型数据

尽管返回的JSON里都没有数字和字符串,但在EXT里我们同样可以从后台获得日期类型的数据,然后交给表格初始化。 我们在定义store的render里增加一行配置,除了设置name以外,还设置了t...
  • x9x9x9x9
  • x9x9x9x9
  • 2013年09月22日 20:42
  • 10508

Ext.grid.ColumnModel renderer 参数介绍

Ext.grid.ColumnModel renderer 参数介绍 . 标签: headerfunctionbuttoninputcnull 2011-08-16 21:26 1126人...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs grid renderer用法
举报原因:
原因补充:

(最多只允许输入30个字)