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

{

header: '<input type="text"/>',

dataIndex: 'input',

width:30,

sortable: false,

renderer:function(v, cellmeta, record){}

}

思路:

1、构建form表单,输出文本框,用<textarea></textarea>吧,<input/>内不能换行,页面效果也不好(php、html代码嵌套写的话,直接写就行,建议用smarty,php与模板分离,比较清晰)

2、提交内容,确定用什么method(post、get)

3、获取内容,$str=$_POST['name'](name为textarea的name值)

4、$arr=split ('\r\n', $str)按换行符分割字符串为数组

5、循环执行插入语句,$arr每一层都是一条数据


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

原文地址: http://outofmemory.cn/bake/11820699.html

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

发表评论

登录后才能评论

评论列表(0条)

保存