在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(),所以提示的沒有定義。加上就好了,記錄一下