easyui的formatter属性的用法

1 背景:

新接手系统页面展示采用easyUI,因为业务调整新增字段,数据库存code,页面想转义展示对应汉字。

2.参照官网:http://www.jeasyui.net/tutorial/28.html

function formatPrice(val,row){
	if (val < 20){
		return '<span style="color:red;">('+val+')</span>';
	} else {
		return val;
	}
}

格式化函数。可是该函数在th那种页面可以使用,在field后面不知道怎么加。

网上看了个例子:

$(document).ready(function() {
		$('#dg').datagrid({
			url : "/bboo/resource/gj-resource!queryResource.do",
			columns : [ [ {
				field : 'resourceId',
				title : '菜单id',
				width : 50,
				sortable : true
			}, {
				field : 'description',
				title : '描述',
				width : 50,
				sortable : true
			}, {
				field : 'name',
				title : '名称',
				width : 50,
				sortable : true
			}, {
				field : 'sort',
				title : '分类',
				width : 50,
				sortable : true
			}, {
				field : 'type',
				title : '类型',
				width : 50,
				sortable : true
			}, {
				field : 'value',
				title : 'url值',
				width : 50,
				sortable : true
			}, {
				field : 'pid',
				title : '父菜单',
				width : 80,
				formatter : function(value, row, index) {
					if (row.parent) {
						return row.parent.resourceId;
					} else {
						return value;
					}
				}
			} ] ]
		});
	});

放到别的位置极有可能提示错误。

**********参开文档如下********************

http://blog.csdn.net/u010523770/article/details/51838989

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
date-options 属性easyui 中 datebox、datetimebox、datebox 和 timespinner 控件的一个配置项,用于设置控件的日期和时间格式、起止时间、可选范围等属性。其具体配置项如下: 1. formatter:用于格式化日期或时间的函数。默认值为 null,表示使用控件的默认格式。 2. parser:用于解析用户输入的日期或时间的函数。默认值为 null,表示使用控件的默认解析方法。 3. showSeconds:是否显示秒钟。默认值为 false。 4. timeSeparator:时间分隔符。默认值为 ':'。 5. min:最小日期或时间。可以是一个日期对象或一个字符串,表示日期或时间的最小值。默认值为 null,表示没有最小值。 6. max:最大日期或时间。可以是一个日期对象或一个字符串,表示日期或时间的最大值。默认值为 null,表示没有最大值。 7. disabledDays:禁用的星期。可以是一个数组,表示禁用的星期。例如 [0,6] 表示禁用周日和周六。默认值为 null,表示没有禁用的星期。 8. disabledDates:禁用的日期。可以是一个数组,表示禁用的日期。例如 ['2019-05-01','2019-05-02'] 表示禁用 2019 年 5 月 1 日和 2 日。默认值为 null,表示没有禁用的日期。 9. onShowPanel:在日期面板显示之前调用的回调函数。 10. onHidePanel:在日期面板关闭之后调用的回调函数。 11. onSelect:当用户选择日期或时间时调用的回调函数。 以上就是 easyui 中 date-options 属性的详细介绍。通过设置这些配置项,可以灵活地控制日期和时间控件的行为。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值