jqGrid 自定义格式化

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

· ...

·    colModel: [

·       ...

·       {name:‘price‘, index:‘price‘, width: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‘, width: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‘, width:60, align:"center", editable: true, formatter:currencyFmatter},

·       ...

·    ]

· ...

· })

jqGrid 自定义格式化

时间: 2024-11-05 13:04:15

jqGrid 自定义格式化的相关文章

eclipse自定义格式化时每行长度

使用eclipse进行格式化操作时候,是不是觉得在自己不需要换行的时候换行了?下面的图让你自定义格式化时候的换行长度. 第一步:选择Window下的Preferences属性 第二步:选择Java--Code Style--Formatter,点击new,取名,点击OK 第三步:选择Line rapping,设置长度即可

jeecg3.5中为dgCol标签增加自定义格式化列中的数值的功能

jeecg3.5中只有formatter属性,只支持格式化时间格式的数据,不支持自定义格式化列中的值的功能,比如想把列中的的一个int或long型的值除以100转成float或doulbe值,jeecg3.5版本就不支持类似customFormatter这样属性,本文为jeecg3.5增加这个功能,主要修改的代码如下: org.jeecgframework.tag.core.easyui.DataGridColumnTag //51行  private String customFormatte

Jqgrid 数据格式化配置

默认格式化 $jgrid = { formatter : { integer : {thousandsSeparator: " ", defaultValue: '0'}, number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'}, currency : {decimalSeparator:".&quo

jqGrid 自定义搜索

<div id="mysearch"></div> jQuery("#mysearch").filterGrid('#grid_id',options); options:参数 参数 描述 默认值 gridModel 当为ture我们会使用colModel中的属性构造查询条件,所用到的参数:name, index, edittype, editoptions, search.还有一个参数:defval:查询条件的默认值:surl:当editt

jqGrid 自定义按钮

jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}); jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters}); { caption:"NewBu

JS在HTML自定义格式化字符串的方法

python中有format方法对字符串进行格式化 JS中可以通过自定义的方法来实现 1 String.prototype.Format = function (args) { 2 /*this代表要调用Format方法的字符串*/ 3 /*replace的第一个参数为正则表达式,g表示处理匹配到的所有字符串,在js中使用//包起来*/ 4 /*replace的第二个参数为匹配字符串的处理,k1匹配结果包含{},k2只保留{}内的内容,g代表匹配所有*/ 5 return this.replac

JqGrid自定义toolbar

1.设置toolbar参数为[true,"top"],其意思是toolbar显示在Grid顶部,且其id为t_+Grid的id.e.g.: Grid的id为myGrid,toolbar的id则为t_myGrid. <table id="myGrid"></table> 2.在myGrid初始化后,$("#myGrid").append(自定义内容) 1 $(function(){ 2 $("#myGrid&quo

jqGrid自定义按钮和汇总问题

1,jqGrid的自定义按钮事件,是在左下角导航栏产生的, jQuery(grid_selector).jqGrid('navGrid', "#tableId", { edit: true,add: true, del: true,view: true}, { //edit按钮的一些属性 可以增加一些上述四个方法的设置 beforeShowForm: function (e) {} },{ //add按钮的一些属性 },{...},{...} //在上述四个方括号后直接调用此方法 .j

自定义格式化字符串

1 public class Vector : IFormattable 2 { 3 public double X { get; set; } 4 public double Y { get; set; } 5 public double Z { get; set; } 6 7 public double Norm() 8 { 9 return X * X + Y * Y + Z * Z; 10 } 11 12 public override string ToString() 13 { 14