easy ui datagrid在没有数据时显示相关提示内容
2023-09-11 14:19:36 时间
$(function () { $('#dg').datagrid({ fitColumns: true, url: 'product.json', pagination: true, pageSize: 3, onLoadSuccess: function (data) { if (data.total == 0) { //添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数 $(this).datagrid('appendRow', { itemid: '<div style="text-align:center;color:red">没有相关记录!</div>' }).datagrid('mergeCells', { index: 0, field: 'itemid', colspan: 4 }) //隐藏分页导航条,这个需要熟悉datagrid的html结构,直接用jquery操作DOM对象,easyui datagrid没有提供相关方法隐藏导航条 $(this).closest('div.datagrid-wrap').find('div.datagrid-pager').hide(); } //如果通过调用reload方法重新加载数据有数据时显示出分页导航容器 else $(this).closest('div.datagrid-wrap').find('div.datagrid-pager').show(); }, title: 'easyui datagrid没有数据显示无数据提示信息', width: 550, columns: [[{ field: 'itemid', width: 80, title: 'Item ID' }, { field: 'productname', width: 100, editor: 'text', title: 'Product Name' }, { field: 'listprice', width: 80, align: 'right', title: 'List Pirce' }, { field: 'unitcost', width: 80, align: 'right', title: 'Unit Cost'}]] }); });
文章出处:http://www.cnblogs.com/huyong/p/4896958.html
相关文章
- Element-ui中Table表中el-table-column列数据的布尔值回填
- PHP Socket编程 之 fsockopen指定ip获取远程数据 及 301自动跳转
- iOS开发UI篇—ios应用数据存储方式(偏好设置)
- 大数据时代:数据即信用,信用即数据
- Shell read命令:读取从键盘输入的数据
- 你不了解的数据:大数据信息与数据
- 164. 通过 sap.ui.model.odata.v2.ODataModel 的 read 方法,读取 OData 数据的编程方式讲解
- SAP WebClient UI component模型元数据解析工具
- 如何在 SAP 电商云 Spartacus UI 里访问 CMS Component data 数据
- SAP CRM产品主数据重要函数COM_PRODUCT_UI_GETDETAIL的调试
- CRM客户主数据UI上有哪些字段可以触发partner determination
- Atitit db model 数据库快速建模法 开发效率 目录 1. 结构(数据)设计 行为(处理)设计:1 2. 业务建模阶段1 2.1. Ui建模法,根据表单字段建立表字段2 2.2.
- 程序实现对数据排序并按出现次数进行排序 目录 1. 题目程序实现对数据排序并按出现次数进行排序1 2. 思路2 3. 效果2 4. 代码 /00listPrj/src/Sort.java2
- Fiori UI上my contact加了Dr. 后搜索不出数据的奇怪问题
- 使用Datax将MySQL中的数据导入到TableStore中
- UI自动化框架,数据驱动 vs 关键字驱动怎么选?
- WPF / Win Form:多线程去修改或访问UI线程数据的方法( winform 跨线程访问UI控件 )
- Poseidon 系统是一个日志搜索平台——认证看链接ppt,本质是索引的倒排列表和原始日志数据都存在HDFS,而文档和倒排的元数据都在NOSQL里,同时针对单个filed都使用了独立索引,使用MR来索引和搜索
- Controller数据导出Excel 详细教程——easypoi-base,easypoi-web,easypoi-annotation