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

  • 相关阅读:
    window.open() 使用详解
    20151117
    20151116
    打开一个网页并弹窗提示,点击确定后2秒后关闭
    网页制作中的一点问题及解决方案
    Android WebView 开发详解(二)
    Android WebView 开发详解(一)
    Android:控件WebView显示网页
    Dagger 2: Step To Step
    Introducing RecyclerView(二)
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911848.html
Copyright © 2011-2022 走看看