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}
        ]]
    });

  • 相关阅读:
    HTTP-接触
    什么是虚拟机-粗略学习
    jQuery中的动画理论干货
    jQuery-中的事件
    熟悉又陌生的快捷方式
    jQuery中的DOM操作
    jQuery与javascript库
    jQuery-选择器(2)
    jest操作 Elasticsearch
    配置 Kibana
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911848.html
Copyright © 2011-2022 走看看