easyui中datagrid怎么给指定的列添加超链接,要求这一列的内容数据是不一样的,而且会更新,具体看图。

easyui中datagrid怎么给指定的列添加超链接,要求这一列的内容数据是不一样的,而且会更新,具体看图。,第1张

$(document).ready(function() {

var url = '你的数据源'

getData(url)

})

function getData(url){

$("#test").datagrid({

loadMsg:'数据加载中....',

title:'项目评审情况一览表',

iconCls:'icon-edit',

width:800,

//height:100,

url:url,

nowrap: false,

striped: true,

collapsible:true,

sortName: 'id',

sortOrder: 'asc',

remoteSort: false,

pagination:true,

rownumbers:true,

fit:true,    //自适应大小

fitColumns:false,

autoScroll : true,

singleSelect:true,

frozenColumns:[[

                {title:'编号',field:'id',width:50,sortable:true,align:'center'}

]],

columns:[[

        {title:'基本信息',colspan:6},

{field:'_operate', title:' *** 作',width:60,align:'center', rowspan:2,

formatter:formatOper

},

{field:'assofile', title:'下载',width:60,align:'center', rowspan:2,

formatter:formatDownload

}

],[

{field:'projectName',title:'项目名称',width:100,align:'center'},

{field:'projectType',title:'选题类型',width:100,align:'center'},

]],

})

        //查看详情

        function formatOper(val,row,index){  

    return '<a href="#" onclick="reviewProject('+index+')">评审</a>'  

     function formatDownload(val,row,index){  

     var url = "${ctx}" + val

     var returnString = '<a href='+url+'>下载</a>'

    return returnString  

}

其实就是指定列的format,formatOper(val,row,index)中的三个参数,你自己alert一下,就明白了

<th data-options="field:'Address',width:250,formatter:myFormatter">列名</th>

JS:

function myFormatter(value, row, index){

return "<a href='#'>"+value+"</a>"

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11511861.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存