Easyui中数据网格请求加载数据为空时,追加合并行显示暂无记录
2017-06-19 09:32
302 查看
//tatal记录集总数
if (data.total == 0) {
//添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数
$(this).datagrid('appendRow', {列表属性(如:name): '<div style="text-align:center;color:red">没有相关记录!</div>' }).datagrid('mergeCells', { index: 0, field: 'name', colspan:
(合并列的个数) })
//隐藏分页导航条,这个需要熟悉datagrid的html结构,直接用jquery操作DOM对象,easyui datagrid没有提供相关方法隐藏导航条
$(this).closest('div.datagrid-wrap').find('div.datagrid-pager').hide();
}else {//如果通过调用reload方法重新加载数据有数据时显示出分页导航容器
$(this).closest('div.datagrid-wrap').find('div.datagrid-pager').show();
}
if (data.total == 0) {
//添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数
$(this).datagrid('appendRow', {列表属性(如:name): '<div style="text-align:center;color:red">没有相关记录!</div>' }).datagrid('mergeCells', { index: 0, field: 'name', colspan:
(合并列的个数) })
//隐藏分页导航条,这个需要熟悉datagrid的html结构,直接用jquery操作DOM对象,easyui datagrid没有提供相关方法隐藏导航条
$(this).closest('div.datagrid-wrap').find('div.datagrid-pager').hide();
}else {//如果通过调用reload方法重新加载数据有数据时显示出分页导航容器
$(this).closest('div.datagrid-wrap').find('div.datagrid-pager').show();
}
相关文章推荐
- jquery随记----ajax基于请求加载数据(追加html)
- easyui-datagrid查询到没有数据时,设置显示“没有相关记录”
- ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,使用空模板一样显示到页面
- JavaScript实现时间轴请求后端数据进行加载显示
- discuz学习记录:前面的数据用EasyUI DataGrid显示,实现了服务器端分页
- MVP+XRecyclerView+okhttp+glide,列表或者网格显示所加载的数据
- Repeater在无数据记录时显示暂无数据
- [置顶] ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
- 加载页面时同时触发两个ajax请求,数据显示的顺序不一致
- echarts使用记录(三):x/y轴数据和刻度显示及坐标中网格显示、格式化x/y轴数据
- (转)Repeater在无数据记录时显示暂无数据
- jQuery EasyUI 1.5版本的Datagrid终于新增了表格加载的数据没有记录的时候,可显示“无记录”的提示语
- repeater没有数据显示暂无数据,无记录
- easyUI datagrid表格添加“暂无记录”显示
- Android 使用RxJava+Retrofit +Realm 组合加载数据 <读取缓存 显示 请求网络数据 缓存最新数据 更新界面>(一)
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- 为easyui组件datagrid在加载完之后追加新的数据行
- 页面加载完成后通过查询条件给easyui datagrid赋值,请求两次,并且值不显示问题
- easyui加载数据两次请求后台的问题…
- Repeater在无数据记录时显示暂无数据