zoukankan      html  css  js  c++  java
  • datagrid单元格格式化样式化

    本文体验datagrid单元格的格式化和样式化。

      datagrid显示的DOM结构

    <td field="code">
        <div style="text-align:left" class="datagrid-cell datagrid-cell-c1-code">
             文字
        </div>
    </td>

    field属性对应字段.
    div中的内容对应单元格内容。

      formatter的用法

    field: 'UserStatus', title: '状态', formatter: function (value, row, index) {
        if (value == "0") {
            return '启用';
        } else {
            return '禁用';
       }
                  
    □ 日期格式化

    field: 'SubTime', title: '注册时间', formatter: function (value, row, index) {
        return eval("new " + value.substr(1, value.length - 2)).toLocaleDateString();
    }

      styler的用法

    styler: function(value, row, index){
        if (value == "1") {
            return 'background-color:red;';
        }
    }

  • 相关阅读:
    RabbitMQ知识点整理2-相关概念介绍
    RabbitMQ知识点整理1-生产和消费消息
    Java自学-图形界面 Swing中的线程
    Java自学-图形界面 日期控件
    Java自学-图形界面 表格
    Java自学-图形界面 工具栏
    WebStorm 2020.2.3 破解(Mac,windows,Linux)
    消息队列的使用场景
    有关建立虚拟环境的总结
    性能测试-Locust分布式执行
  • 原文地址:https://www.cnblogs.com/darrenji/p/3577834.html
Copyright © 2011-2022 走看看