日期:2014-05-16  浏览次数:20662 次

easyUI的datagrid 中点击显示的超链接,弹出窗口
场景描述:
展示在datagrid中有一列数据为超链接的样式(假如超链接为一个标题公告,后面一列是详细信息(但是详细信息之展示部分文字)。
要求点击这个超链接的时候,弹出一个新的窗口。在该窗口上信息详细信息。

问题一:
后台取到的数据如何包装成超链接的样式显示出来(后台取到的只是文字的标题)
问题二:
点击超链的时候如何把详细信息的文字带到新弹出的页面上呢?(现在其实已经有详细信息的全部内容,只是截取部分展示出来的)
------解决方案--------------------
$('#dg').datagrid({  
  columns:[[{
     field:'userId',
     title:'User', 
     width:80,
     formatter: function(value,row,index){
        
            return "<a href='javascript:go(row);'>"+value+"</a>";
          
     }  
  }]]  
});

function go(row){

//这里的row就是你当前行的数据是个JSON ,把你要的字段显示到弹出窗口。

}
------解决方案--------------------
楼上说的已经很对了