Ext 列表带参超连接

//复选框的声明 

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);;
      }

    });

   

   


   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值