Ext 列表带参超连接
来源:互联网 发布:百度和知乎的区别 编辑:程序博客网 时间:2024/05/22 10:08
//复选框的声明
var sm = new Ext.grid.CheckboxSelectionModel();
//创建一个列表
var grid = new Ext.grid.GridPanel(
{
width: ${comm.gridWidth},
height:${comm.gridHeight},
title:"${pageTitle}",
store: store,
trackMouseOver:true,
disableSelection:false,
loadMask: true,
columnLines: true,
id:'roadId',
cm:new Ext.grid.ColumnModel([sm,
{
header: "名称",
dataIndex: 'roadName',
width: 120,
sortable: true
},{
header: "组成点数",
dataIndex: 'rptotal',
width: 100,
sortable: true,
renderer:function(val){
return "<a href='#' style='text-decoration:none'>"+val+"</a>";
}
},{
header: "基站数",
dataIndex: 'rstotal',
width: 100,
sortable: true,
renderer:function(val){
return "<a href='#' style='text-decoration:none' >"+val+"</a>";
}
},{
header: "告警数",
dataIndex: 'alarmtotal',
width: 100,
sortable: true,
renderer:function(val){
return "<a href='#' style='text-decoration:none'>"+val+"</a>";
}
},{
header: "状态",
dataIndex: 'roadState',
width: 100,
sortable: true,
renderer: function(val) {if(val== 2) return "告警"; else if(val==1) return "正常"; else return "初始";}
]),
sm:sm,
bbar: new Ext.PagingToolbar({
pageSize: 20,
store: store,
displayInfo: true,
displayMsg: '参数 {0} - {1} of {2}',
emptyMsg: "无相关记录"
}),
tbar: _toolbar.getObject()
});
//这段里面的renderer 是为了让列表显示成超连接的样式
{
header: "组成点数",
dataIndex: 'rptotal',
width: 100,
sortable: true,
renderer:function(val){
return "<a href='#' style='text-decoration:none'>"+val+"</a>";
}
}
// 为列表添加单元格侦听事件
grid.on("cellclick",function(gp,rowIndex,columnIndex)
{
//如果没有选中。直接返回
if(!sm.getSelections()) return;
//获取 roadId
var roadId = sm.getSelections()[0].get('roadId');
if(columnIndex == 7){
window.location.href= util.addUrlParam('${comm.toAction("/area/roadpoints")}',"roadId",roadId);;
}
});
- Ext 列表带参超连接
- ext下拉列表
- Ext grid 显示列表
- ext的xtype列表
- Ext Js_xtype 组件列表
- Ext列表日期格式化
- ext--下拉列表
- EXT 横排列表单样例
- ext树形列表
- ext列表内容展示
- Ext 实例连接
- Ext的Grid列表实现
- EXT 二级联动下拉列表
- EXT 二级联动下拉列表
- Ext 常用控件属性列表
- ext 树和列表展示
- Ext Tree 树列表菜单
- ext 下拉列表本地获取
- PCB中各层的含义
- GM Tech-2 PRO Kit (CANdi TIS)
- hello
- hello
- 斐波那契数列
- Ext 列表带参超连接
- 场景集群的划分思路
- DirectUI -从配置中动态产生界面
- sql datetime
- Windows下安装php(apache做http服务器)
- VB.net ASP.net JAVA,C## 这几总语言哪个更实用?
- 微软图表控件使用初探--数据绑定(交叉表)
- js node 操作
- apache2.2.8 配置