easyui datagrid 无数据信息提示
2014-10-15 18:15
260 查看
一、表格无数据提示:
$("#acrossDeptApply").datagrid({
pagination:true,
url:'${pageContext.request.contextPath}'+
'/credit/data/findAcrossInfo.action?deptId='+deptId+'&startDate='+startDate
+'&endDate='+endDate+'&status='+status,
pageSize:10,
pageList:[10,20,30,50],
fitColumns:true,
nowrap:true,
rownumbers:true,
columns:[[
{field:'applyDeptName',title:'部门',width:100,align:'center'},
{field:'applyName',title:'申请人',width:100,align:'center'},
{field:'phone',title:'联系电话',width:100,align:'center'},
{field:'status',title:'状态',width:100,align:'center',formatter:
function(value,row,index){
return value==1?"待审核":(value==2?"通过":(value==3?"未通过":"已撤回"));
}},
{field:'applyTime',title:'申请时间',align:'center',width:100,formatter:
function(value,row,index){
var date = new Date(value);
var year= date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
return year+"-"+month+"-"+day;
}},
{field:'action',title:'操作',align:'center',width:100,formatter:
function(value,row,index){
return "<a style='text-decoration:none;' href='#' onclick=check("+row.id+");>审核</a> "
+"<a style='text-decoration:none;' href='#' onclick=checkDetail("+row.id+");>查看申请信息</a>"
}}
]],
//表单无记录提示
onLoadSuccess:function(data){
if (data.total<1){
$.messager.alert("提示","表单无数据!");
}
}
});
二、追加一行记录提示没有数据:
$("#acrossDeptApply").datagrid({
pagination:true,
url:'${pageContext.request.contextPath}'+
'/credit/data/findAcrossInfo.action?deptId='+deptId+'&startDate='+startDate
+'&endDate='+endDate+'&status='+status,
pageSize:10,
pageList:[10,20,30,50],
fitColumns:true,
nowrap:true,
rownumbers:true,
columns:[[
{field:'applyDeptName',title:'部门',width:100,align:'center'},
{field:'applyName',title:'申请人',width:100,align:'center'},
{field:'phone',title:'联系电话',width:100,align:'center'},
{field:'status',title:'状态',width:100,align:'center',formatter:
function(value,row,index){
return value==1?"待审核":(value==2?"通过":(value==3?"未通过":"已撤回"));
}},
{field:'applyTime',title:'申请时间',align:'center',width:100,formatter:
function(value,row,index){
var date = new Date(value);
var year= date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
return year+"-"+month+"-"+day;
}},
{field:'action',title:'操作',align:'center',width:100,formatter:
function(value,row,index){
return "<a style='text-decoration:none;' href='#' onclick=check("+row.id+");>审核</a> "
+"<a style='text-decoration:none;' href='#' onclick=checkDetail("+row.id+");>查看申请信息</a>"
}}
]],
//表单无记录提示
onLoadSuccess:function(data){
if (data.total<1){
$.messager.alert("提示","表单无数据!");
}
}
});
二、追加一行记录提示没有数据:
$('#acrossDeptApply').datagrid('appendRow',{ 中间显示的列的字段名称: '没有相关记录'
相关文章推荐
- 实现easyui datagrid在没有数据时显示相关提示内容
- easyui datagrid无数据时显示相关提示内容
- EasyUI——datagrid 的onLoadSuccess事件无数据时提示“没有相关记录”——给用户更好的视觉效果
- EasyUI——datagrid 的onLoadSuccess事件无数据时提示
- datagrid没有数据显示无数据提示信息
- 使用DataGrid中删除某数据如何出现提示信息????
- 初学DataGrid------使用DataGrid中删除某数据如何出现提示信息
- 实现easyui datagrid在没有数据时显示相关提示内容
- 关于EasyUI 1.5版Datagrid组件在空数据时无法显示"空记录"提示的BUG解决方法
- jquery-easyui datagrid 无数据提示
- GridView使用技巧之:新增记录、GridView内数据验证、删除信息提示
- 使用Jquery EasyUi常见问题解决方案 刷新 easyui datagrid 数据
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- 【原创】c#讲数据库数据转换为json格式(使用extjs,easyui中的datagrid)
- Repeater数据为空,显示提示信息(简便版)
- Easyui datagrid加载本地Json数据
- easyui datagrid动态绑定列名和数据
- 扩展easyui.datagrid,添加数据loading遮罩效果代码
- 从 DataGrid 或数据源中导出数据到 Excel 并提示下载的帮助类
- (源码)SilverLight,分页,数据库取数据,增删改查,显示DataGrid行详细信息.....