easyui datagrid 动态加载数据 渲染问题,表格错位问题
2024-10-19 16:46:29
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]] ,
//数据加载成功以后渲染
onLoadSuccess: function() {
$.parser.parse();
}
});
如果直接在field 的 formatter 中直接 return 一个linkbutton 按钮,则无法显示图标,只有普通的 a 标签,无法加载样式,因为easyui 只在页面加载时渲染标签,因此在使用formatter格式化列数据后,动态添加的linkbutton样式无法渲染样式,需要在 datagrid 加载完后进行重新渲染,使用 onLoadSuccess 进行对 linkbutton渲染 方法一:
onLoadSuccess: function() {
$.parser.parse();
}
方法二:
$('.classname').linkbutton({text:"test",plain:'true',iconCls:'icon-add'});
但是,重新渲染以后,表格会出现错位的问题,那么就固定表格高度就可以解决,将下面的代码放在渲染代码之后即可,代码如下:
$('#table-id').datagrid('fixRowHeight');
最新文章
- linux输出 /dev/null
- [转]Oracle中的索引详解
- javascript 的 split用法
- [转载]GDB十分钟教程
- phpMyAdmin view_create.php 跨站脚本漏洞
- poj 1015 Jury Compromise_dp
- c# 小数的处理
- ie6,ie7下设置overflow:auto下滚动条不起作用
- css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题
- 使用Net.Mail、CDO组件、JMail组件三种方式发送邮件
- iOS播放gif图方式
- NIO(二、Buffer)
- ES中const
- [转帖]SAP一句话入门:Material Management
- oracle+st_geometry
- Fat-jar 打包,并使用 proguard 混淆代码
- MySQL免安装版下载与配置
- protobuf 源代码分析 (1)准备工作
- 记一次生产环境axis2服务特别慢的问题。
- class.getResource()和getResourceAsStream的用法
热门文章
- js流程控制;常用内置对象
- P2381 圆圆舞蹈
- IE兼容css3圆角的htc解决方法
- 江西财经大学第一届程序设计竞赛 I
- photoshop中魔棒工具的使用
- Photoshop在网页设计中的应用与方法
- connect to 10.104.11.128 port 9999 (tcp) failed: No route to host
- 事务(JDBC、Spring)
- javasript数据类型以及如何判断数据类型
- Unable to instantiate receiver xxx.receiver.NetworkReceiver异常