在easyui中初始化 加载加datagrid就好了。如下,
<script>
$(function(){
initDatagrid(); //初始化四种形态
initDatagrid2();//已提交保送信息
window.setTimeout(function(){
loadDatagrid(); //加载待确认
},100);//延迟100毫秒执行,避免请求提交两次的问题
$(".datagrid-body").css("overflow-x","hidden");//显示横向滚动条
});
</script>
//init
function initDatagrid(){
//表格
var columnArr =[
{field:'ck',title:'选择',width:5,halign:'center',align:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,20]",editable:false }
},
formatter : function(value,row,index){
return '<input type="radio" onclick="sel('+row.f4NotifiedId+')" name="f4NotifiedId" value="'+row.f4NotifiedId+'" />';
}
},
{field:'workYear',title:'年',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
}
},
{field:'reason',title:'季度',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
}
},
{field:'createUser',title:'创建者',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
}
},
{field:'templateFileName',title:'模板名称',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
}
},
{field:'createTime',title:'创建时间',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
},
formatter: function(value,row,index){
if(!value){
return "";
}
var dateValue = new Date(value);
return dateFormat(dateValue, dateFormat.masks.isoDate);
}
},
{field:'endDate',title:'反馈截止时间',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
}
},
{field:'status',title:'下发状态',width:10,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
},
formatter : function(value,row,index){
if(value=='0'){
return '<span style="color:green">未下发</span>'
}else if(value == '1'){
return '已下发';
}else if(value == '2'){
return '已结束';
}
}
},
{field:'_operate',title:'操作',width:20,halign:'center',
editor:{
type:'validatebox',
options:{required:true,validType:"length[1,100]"}
},
formatter: function(value,row,index){
var $tHtml = '';
$tHtml = $tHtml + '<input type="button" class="" name="button1" onclick="send('+row.f4NotifiedId+');" value="下发"/>';
$tHtml = $tHtml + '<input type="button" class="" name="button1" onclick="update('+row.f4NotifiedId+');" value="修改"/>';
$tHtml = $tHtml + '<input type="button" class="" name="button1" onclick="del('+row.f4NotifiedId+');" value="删除"/>';
return $tHtml;
}
}
];
$('#dataTable').datagrid({
fitColumns : true, //列适应表格宽度
striped : true, //设置为true将交替显示行背景。
nowrap : false, //设置为true,当数据长度超出列宽时将会自动截取
rownumbers : true,
singleSelect : true,
selectOnCheck : false,
checkOnSelect:false,
pagination : true, //添加分页栏
pageSize : 10, //每页显示多少条?
pageList : [5,10,20,30,50],
sortOrder : 'desc',
idField:'id',
scrollbarSize :0,
columns:[columnArr]
});
}
//load
function loadDatagrid(){
var queryParams={};
// ---- table load
var options = $('#dataTable').datagrid('options');
options.url = '${pageContext.request.contextPath}/s/manage/f4/****/list';
options.queryParams = queryParams;
$('#dataTable').datagrid(options);
}
在下面方法中,
//load
function loadDatagrid(){
var queryParams={};
var options = $('#dataTable').datagrid('options');
options.url = '${pageContext.request.contextPath}/s/manage/f4/****/list';
options.queryParams = queryParams;
$('#dataTable').datagrid(options);
}
控制台提示的 var options = $('#dataTable').datagrid('options'); 这一行有问题。查询代码发现在就绪函数中我没有初始化initDatagrid2(),所以提示的没有定义。加上就好了,记录一下