zoukankan      html  css  js  c++  java
  • EasyUI 格式化DataGrid列

    easyui DataGrid中格式化列,如果单价低于20,则使用定义列formatter为红色文本。

    格式化DataGrid列,我们应该设置formatter属性,这个属性是一个函数。格式化函数包括两个参数:
    · value: 显示字段当前列的值
    · record: 当前行记录数据 
    Markup
    <table id="tt"></table>
    jQuery
    $('#tt').datagrid({
        title:'Formatting Columns',
        550,
        height:250,
        url:'datagrid_data.json',
        columns:[[
            {field:'itemid',title:'Item ID',80},
            {field:'productid',title:'Product ID',80},
            {field:'listprice',title:'List Price',80,align:'right',
                formatter:function(val,rec){
                    if (val < 20){
                        return '<span style="color:red;">('+val+')</span>';
                    } else {
                        return val;
                    }
                }
            },
            {field:'unitcost',title:'Unit Cost',80,align:'right'},
            {field:'attr1',title:'Attribute',100},
            {field:'status',title:'Status',60}
        ]]
    });

  • 相关阅读:
    自我学习——javascript——基本技巧
    Edge Code CC卡死原因
    Django中ORM介绍和字段及字段参数
    Web框架本质及第一个Django实例
    Python连接MySQL数据库之pymysql模块使用
    Bootstrap框架
    jQuery快速入门
    前端基础之BOM和DOM
    前端基础之JavaScript
    前端基础之CSS
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911848.html
Copyright © 2011-2022 走看看