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一下,就明白了

项目中刚好有excel内容导入easyui表格的功能。excel的内容复制后其实就是个<table>,用js获取table的内容,存为json对象,再调用easyui的datagrid生成表格。

以上就是关于easyui datagrid 在每一列数据的最后都添加一个文本框全部的内容,包括:easyui datagrid 在每一列数据的最后都添加一个文本框、ASP.NET 怎么把excel表中的数据导入到EASYUI中DATAGRID中、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/sjk/10195811.html

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

发表评论

登录后才能评论

评论列表(0条)

保存