Question

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

我已经从数据库中查询到数据并绑定在easyui 的datagrid上
但是要在最后一列添加一个文本框来让客户对每条数据进行备注。

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