zoukankan      html  css  js  c++  java
  • jqGrid 自定义格式化

    · jQuery("#grid_id").jqGrid({  

    · ...  

    ·    colModel: [   

    ·       ...   

    ·       {name:'price', index:'price', 60, align:"center", editable: true, formatter:currencyFmatter},  

    ·       ...  

    ·    ]  

    · ...  

    · });  

    ·    

    · function currencyFmatter (cellvalue, options, rowObject)  

    · {  

    ·    // do something here  

    ·    return new_format_value  

    · }

    cellvalue:要被格式化的值 
    options:对数据进行格式化时的参数设置,格式为: 
    { rowId: rid, colModel: cm} 
    rowObject:行数据

    数据的反格式化跟格式化用法相似.

    · jQuery("#grid_id").jqGrid({  

    · ...  

    ·    colModel: [   

    ·       ...   

    ·       {name:'price', index:'price', 60, align:"center", editable: true, formatter:currencyFmatter, unformat:unformatCurrency},  

    ·       ...  

    ·    ]  

    · ...  

    · });  

    ·    

    · function currencyFmatter (cellvalue, options, rowObject)  

    · {  

    ·    

    ·    return "$"+cellvalue;  

    · }  

    · function  unformatCurrency (cellvalue, options)  

    · {  

    ·    

    ·    return cellvalue.replace("$","");  

    · }  

    表格中数据实际值为123.00,但是显示的是$123.00; 我们使用getRowData ,getCell 方法取得的值是123.00。 
    创建通用的格式化函数

    · <script type="text/javascript">  

    · jQuery.extend($.fn.fmatter , {  

    ·     currencyFmatter : function(cellvalue, options, rowdata) {  

    ·     return "$"+cellvalue;  

    · }  

    · });  

    · jQuery.extend($.fn.fmatter.currencyFmatter , {  

    ·     unformat : function(cellvalue, options) {  

    ·     return cellvalue.replace("$","");  

    · }  

    · });  

    ·    

    · </script>

    具体使用:

    · jQuery("#grid_id").jqGrid({  

    · ...  

    ·    colModel: [   

    ·       ...   

    ·       {name:'price', index:'price', 60, align:"center", editable: true, formatter:currencyFmatter},  

    ·       ...  

    ·    ]  

    · ...  

    · })

  • 相关阅读:
    javascript 中 "undefined" 与 "is not defined" 分析
    css常用总结
    关于reset.css的疑问:为什么一定要重置浏览器样式?
    一些关于Viewport与device-width的东西~
    JS获取IMG图片高宽
    一个input标签搞定含内外描边及阴影的按钮~
    javascript 取整,取余数
    我刚知道的WAP app中meta的属性
    使用 jquery 获取当前时间的方法
    当前头像跟随着当前内容移动...(修改版)
  • 原文地址:https://www.cnblogs.com/cleverJoe/p/3848840.html
Copyright © 2011-2022 走看看