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

Ext中renderer用法及参数

setHeader是设置http恳求的头是MIME 和谈的拓展可以实现以下功能 Ext中 renderer一般用于Grid中对列模型的衬着上 其具体信息记录在 Ext.grid.ColumnMode...
  • yangxiaojun9238
  • yangxiaojun9238
  • 2012年11月29日 16:56
  • 31646

extjs renderer的参数以及对应的值

columns:[ {"header":"用户名",width:150,dataIndex:"userName"}, {"header":"姓名",width:150,...
  • settingSun66
  • settingSun66
  • 2016年11月07日 08:59
  • 868

Extjs之Renderer方法中的参数详解

{ header: "销售(面积)比例", dataIndex: "bili", id:'timeline', //可以...
  • suixufeng
  • suixufeng
  • 2011年08月12日 09:53
  • 10742

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

renderer: function(value, metaData, record, rowIndex, columnIndex, store){ // 函数中各个参数的含义 } -----...
  • zhoukexecute
  • zhoukexecute
  • 2016年09月13日 09:52
  • 517

Ext.grid.ColumnModel renderer 参数介绍 .

使用时注意参数顺序位置:   1. renderer:function (value, cellmeta, record, rowIndex, columnIndex, store) {    ...
  • xiancaifu
  • xiancaifu
  • 2011年08月16日 21:26
  • 2366

extjs中renderer的使用方法

var reader = new Ext.data.ArrayReader({}, [        {name: 'wpcCd'},        {name: 'yr'},        {na...
  • qq_37279783
  • qq_37279783
  • 2017年05月23日 09:29
  • 428

【ExtJs】表格控件Grid的增删改查,利用renderer让操作列actioncolumn使用文字而不是图标

在《【ExtJs】与后台数据库交互的带分页表格组件grid的查询》(点击打开链接)中介绍了Grid控件是怎么分页显示的。再加上对此控件内的数据的增加、删除、修改,就真的是大功告成了。此控件的排序,应该...
  • yongh701
  • yongh701
  • 2015年05月03日 09:07
  • 4371

extjs中想在renderer方法传两个dataIndex值是不可以的,有一个便捷的方式

{"header":"状态",width:150,dataIndex:"isstate", renderer:function(value){ GLOBAL...
  • settingSun66
  • settingSun66
  • 2016年11月06日 23:41
  • 867

extjs render 用法介绍

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

Extjs4.2 无限滚动 缓存渲染 Ext.grid.plugin.BufferedRenderer

尊重原创:http://blog.csdn.net/zdb330906531
  • zdb330906531
  • zdb330906531
  • 2014年02月28日 10:37
  • 9082
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs grid renderer用法
举报原因:
原因补充:

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