easyui 的datagrid无数据时添加暂无数据提示的10种方法
时间: 2023-04-11 18:00:53 浏览: 157
以下是10种在easyui的datagrid无数据时添加暂无数据提示的方法:
1. 使用emptyMsg属性,在datagrid标签中添加emptyMsg属性,设置提示信息即可。
2. 使用onLoadSuccess事件,在datagrid标签中添加onLoadSuccess事件,判断数据是否为空,为空则添加提示信息。
3. 使用onLoadError事件,在datagrid标签中添加onLoadError事件,判断数据是否为空,为空则添加提示信息。
4. 使用view属性,在datagrid标签中添加view属性,重写view的onAfterRender方法,判断数据是否为空,为空则添加提示信息。
5. 使用formatter属性,在datagrid列的formatter属性中判断数据是否为空,为空则返回提示信息。
6. 使用loadFilter属性,在datagrid标签中添加loadFilter属性,重写loadFilter方法,判断数据是否为空,为空则添加提示信息。
7. 使用data属性,在datagrid标签中添加data属性,判断数据是否为空,为空则添加提示信息。
8. 使用ajax请求,在ajax请求成功后判断数据是否为空,为空则添加提示信息。
9. 使用easyui的panel组件,在panel中添加datagrid,判断数据是否为空,为空则添加提示信息。
10. 使用easyui的layout组件,在layout中添加datagrid,判断数据是否为空,为空则添加提示信息。
相关问题
easyui 的datagrid无数据时添加暂无数据提示的3种方法
可以使用以下三种方法为 easyui 的 datagrid 添加暂无数据提示:
1. 使用 emptyMsg 属性:在 datagrid 的初始化代码中添加 emptyMsg 属性,例如:$('#datagrid').datagrid({emptyMsg: '暂无数据'}); 这样当 datagrid 中没有数据时,会显示 "暂无数据" 的提示信息。
2. 使用 onBeforeLoad 事件:在 datagrid 的初始化代码中添加 onBeforeLoad 事件,例如:$('#datagrid').datagrid({onBeforeLoad: function(){if($(this).datagrid('getRows').length==0){$(this).datagrid('appendRow',{id:'nodata',name:'暂无数据'});}}}); 这样当 datagrid 中没有数据时,会自动添加一行数据,显示 "暂无数据" 的提示信息。
3. 使用 view 属性:在 datagrid 的初始化代码中添加 view 属性,例如:$('#datagrid').datagrid({view: {emptyMsg: '暂无数据'}}); 这样当 datagrid 中没有数据时,会显示 "暂无数据" 的提示信息。
easyui 的datagrid无数据时添加暂无数据提示demo案例
你好,这是一个 easyui 的 datagrid 添加暂无数据提示的 demo 案例:
```
$('#datagrid').datagrid({
url: 'data.json',
emptyMsg: '暂无数据',
columns: [[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
```
其中,`emptyMsg` 属性就是用来设置暂无数据提示的。