2012/7/26给Extjs grid中的列自定义渲染方式

给grid中其中网址的那一列，加上超链接，使之点击即可进入。

看代码：

function showUrl(value)
{return "<a href="+value+">"+value+"</a>";
}
Ext.onReady(function(){ var data=[{id:1,name:'EasyJWeb',organization:'EasyJf',homepage:'www.Easyjf.com'},{id:2,name:'jfox',organization:'huihoo',homepage:'www.huihoo.com'},{id:3,name:'jdon',organization:'jdo',homepage:'www.jdon.com'},{id:4,name:'springside',organization:'springside',homepage:'www.springside.com'}];var store = new Ext.data.JsonStore({data:data,fields:['id','name','organization','homepage']} );var colM = new Ext.grid.ColumnModel([{header:'项目名称',dataIndex:'name',sortable:true},{header:'开发团队',datIndex:'organization',sortable:true},{header:'网址',dataIndex:'homepage',renderer:showUrl}]   );var grid = new Ext.grid.GridPanel({renderTo:'hello',title:'中国java开源产品及团队',height:200,width:600,cm:colM,store:store,autoExpandColumn:2});});

转载于:https://www.cnblogs.com/howlaa/archive/2012/07/26/2610118.html

2012/7/26给Extjs grid中的列自定义渲染方式相关推荐

Extjs Grid 中给已经添加过Filter的列增加标识
源起有用户反映, 在Grid 中做过filter 之后, 从表格上看不去哪些地方曾经做过filter. 举例来说: 对Name 做过filter 之后的效果: 所以要求当然是希望可以看出来哪些栏位有 ...
Extjs EditorGridPanel中ComboBox列的显示问题
EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容 ...
extjs6 清除grid中combo列的值
{xtype: 'grid',id: 'gridMatch',layout: 'fit',height: 250,selModel: {type: 'cellmodel'},plugins: {pty ...
在alv grid中的列中设置icon图标
如果想输出红绿灯,其中红路灯那栏的头是不能改变text的,所以要是想自己个性化text就要改用icon输入红绿灯图标方法是在structure中添加一个field 为 char型 4位长. 然后在 ...
EXTJS 中grid 动态增加列的方法
总结:gridpanel动态生成列的核心就是在拼凑columnmodel和后台返回store的数据对的上 1-首先动态拼凑columnmodel 前端拼凑例子 me.columns.push({tex ...
[转]ExtJS Grid 分页时保持选中的简单实现方法
原文地址 :http://www.qeefee.com/article/ext-grid-keep-paging-selection ExtJS中经常要用到分页和选择,但是当选择遇到分页的时候,杯具就 ...
ExtJs Grid分页时序号自增的实现,以及查询以后的序号的处理
ExtJs Grid分页时,默认情况下每页的序号都是从1起始的,这往往不符合我们的习惯.这里实现了序号的自动增加. 如:每页20条第一页从1开始,第二页从21条开始. 先定义一个全局变量如record ...
ExtJS Grid 与 Asp.NET 通信
几点说明所谓的与Asp.NET通信,并不是说 ExtJS 用HTML写,然后再与Asp.NET通信. 我们可以选择使用Html作为 ExtJS 的主体容器的. 所谓的通信,主要是通过 ExtJS 中 ...
extjs Grid （二）
很多时候我们表格里显示的数据是从后台查询出来的海量数据,那么海量的数据显示在表格里用户的体验肯定会很差,效率也会很低.ExtJS为了解决这个问题,就给我们提供了一个非常强大的分页组件.今天我们就研究一 ...
extjs Grid（一）
我们在很多网站都能看到表格的影子,而ExtJS Grid在页面表现上又非常强大,下面我们就创建我们的第一个表格. 在ExtJS中我们是通过Ext.grid.ColumnModel这个类来描述列属性的. ...

2012/7/26给Extjs grid中的列自定义渲染方式

2012/7/26给Extjs grid中的列自定义渲染方式相关推荐

最新文章

热门文章