easyui datagrid 在每一列数据的最后都添加一个文本框

2025-02-02 19:48:24
推荐回答(1个)
回答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 '评审';  

     function formatDownload(val,row,index){  
     var url = "${ctx}" + val;
     var returnString = '下载';
    return returnString;  
}

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