zoukankan      html  css  js  c++  java
  • easyui datagrid 动态加载数据 渲染问题,表格错位问题

    $('#dg').datagrid({    
        url:'datagrid_data.json',    
        columns:[[    
            {field:'code',title:'Code',100},    
            {field:'name',title:'Name',100},    
            {field:'price',title:'Price',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');
    
    
  • 相关阅读:
    代码对比软件——code compare
    IAR调试和keil调试的一点小区别
    谷访问歌助手
    X86架构的寄存器
    ant-design-pro
    js 闭包 作用域
    《三体》总结
    如何通过SQL注入盗取数据库信息
    《看见》总结
    《欲望的演化》总结
  • 原文地址:https://www.cnblogs.com/lovelh/p/7278895.html
Copyright © 2011-2022 走看看