easyUI 后台存的数据，前台显示文字或者是前台是下拉框，选择是汉字的情况...-优快云博客

本文详细介绍了如何使用easyUI实现后台数据的高效展示，包括下拉框、输入框等元素的配置方法，以及如何将后台数据以汉字形式显示在前端。同时，通过设置datagrid的显示形式，实现了日期格式化和条件筛选功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<strong><span style="color:#ff0000;"> easyUI 后台存的数据，前台显示文字  或者是前台是下拉框，选择是汉字的情况</span></strong>
var auditType = [ {
	"id" : 1,
	"text" : "竣工审计"
}, {
	"id" : 0,
	"text" : "中期审计"
} ];
var auditMode = [ {
	"id" : 1,
	"text" : "报送审计"
}, {
	"id" : 0,
	"text" : "现场审计"
} ];
var isInPlan = [ {
	"id" : 1,
	"text" : "是"
}, {
	"id" : 0,
	"text" : "否"
} ];
然后在下面的控件中引用：
$("#auditType").combobox({
						data : auditType,
						valueField : 'id',
						textField : 'text',
						value : '1',
						required : true,
						editable : false
					});
					$("#auditMode").combobox({
						data : auditMode,
						valueField : 'id',
						textField : 'text',
						value : '1',
						required : true,
						editable : false
					});
					$("#isInPlan").combobox({
						data : isInPlan,
						valueField : 'id',
						textField : 'text',
						value : '1',
						required : true,
						editable : false
					});
或者可以设置datagrid的显示形式：
{
			field: 'auditTimeDate',
			title: '计划审计时间',
			width: 160
			,
			formatter : function(value, rowData,
					rowIndex) {
				if(value==null){
					return "";
				}else{
				var date = new Date(value);
				var y = date.getFullYear();
				var m = date.getMonth() + 1;
				var d = date.getDate();
				return y + '年'
						+ (m < 10 ? ('0' + m) : m)
						+ "月"
						+ (d < 10 ? ('0' + d) : d) + "日";
				}
			}
		},
		{
			field: 'isInPlan',
			title: '是否为计划内',
			width: 160,
			formatter : function(value, rowData,rowIndex) {
				if(value==null){
					return "";
				}else{
				  if(value=1){
					  return "是";
				  }else{
					  return "否";
				  }
				}
			}
		}