easyUI 转为中文

悠悠 2022-07-28 01:22 224阅读 0赞

今天在使用的easyUI框架时，发现都是英文，包括日期控件，分页。easyUI作为优秀的开源框架怎么会没有中文呢，不只是中文还有日语，法语等，所以真正的实现了国际化。

下面是国际化语言包，easyUI只带的，。

![Image 1][]

我们需要引入那个国家的语言，只需在自己的页面上引入js语言包文件。

或者是重新easyUI默认的方法。代码如下 ，

/*
    	扩展easyui中的控件方法或修改其默认属性
    	@eric
    	$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 
    		如扩展$.fn.abc() 
    		那么你可以这样子：$("#div").abc(); 
    		通常使用extend方法扩展，详细请看API. 
    		$.fx是指jquery的特效。 
    		如果使用显示、滑动、淡入淡出、动画等。 
    		$.fx.off可以关闭动画，其实是直接显示结果。 
    		
    		jquery的extend和fn.extend 
    		
    		jQuery为开发插件提拱了两个方法，分别是： 
    		jQuery.fn.extend(object); 
    		jQuery.extend(object); 
    		jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 
    		jQuery.fn.extend(object);给jQuery对象添加方法。 
    		
    		fn 是什么东西呢。查看jQuery代码，就不难发现。 
    		jQuery.fn = jQuery.prototype = { 
    		　　　init: function( selector, context ) {//....　 
    		　　　//...... 
    		}; 
    		原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。
     */
     
    //翻页工具栏文字//用 $.fn.pagination.defaults 重写了 defaults。
    if ($.fn.pagination){
    	$.fn.pagination.defaults.showPageList=false;//定义是否显示页面导航列表。
    	$.fn.pagination.defaults.PageText=false;
    	$.fn.pagination.defaults.beforePageText="第 ",//在输入组件之前显示一个label标签。
    	$.fn.pagination.defaults.afterPageText = "页    共 {pages} 页";
    	//在输入组件之后显示一个label标签。
    	$.fn.pagination.defaults.displayMsg ="当前{from}-{to} 条  共{total}条记录";//显示页面信息。
    }
    if ($.fn.datagrid){
    	$.fn.datagrid.defaults.loadMsg = '正在加载...';//显示载入状态。
    }
    
    //window窗体默认属性
    $.fn.window.defaults.resizable=false;//定义是否能够改变窗口大小。
    $.fn.window.defaults.collapsible=false;//定义是否显示可折叠按钮。
    $.fn.window.defaults.minimizable=false;//定义是否显示最小化按钮。
    $.fn.window.defaults.maximizable=false;//定义是否显示最大化按钮。
    $.fn.window.defaults.shadow=false;//如果设置为true，在窗体显示的时候显示阴影。
    $.fn.window.defaults.modal=true;//定义是否将窗体显示为模式化窗口。
    $.fn.window.defaults.loadingMessage = '正在加载...';
    
    //信息框按钮文字
    if ($.messager){
    	$.messager.defaults.ok = '确定';
    	$.messager.defaults.cancel = '取消';
    }
    //树表格菜单
    if ($.fn.treegrid){
    	$.fn.treegrid.defaults.loadingMessage = '正在加载...';
    }
    
    if ($.fn.validatebox){
    	$.fn.validatebox.defaults.missingMessage = '该输入项为必输项';
    	$.fn.validatebox.defaults.rules.email.message = '请输入有效的电子邮件地址';
    	$.fn.validatebox.defaults.rules.url.message = '请输入有效的URL地址';
    	$.fn.validatebox.defaults.rules.length.message = '输入内容长度必须介于{0}和{1}之间';
    	$.fn.validatebox.defaults.rules.remote.message = '请修正该字段';
    }
    if ($.fn.numberbox){
    	$.fn.numberbox.defaults.missingMessage = '该输入项为必输项';
    }
    if ($.fn.combobox){
    	$.fn.combobox.defaults.missingMessage = '该输入项为必输项';
    }
    if ($.fn.combotree){
    	$.fn.combotree.defaults.missingMessage = '该输入项为必输项';
    }
    if ($.fn.combogrid){
    	$.fn.combogrid.defaults.missingMessage = '该输入项为必输项';
    }
    if ($.fn.calendar){
    	$.fn.calendar.defaults.weeks = ['日','一','二','三','四','五','六'];
    	$.fn.calendar.defaults.months = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'];
    }
    if ($.fn.datebox){
    	$.fn.datebox.defaults.currentText = '今天';
    	$.fn.datebox.defaults.closeText = '关闭';
    	$.fn.datebox.defaults.okText = '确定';
    	$.fn.datebox.defaults.missingMessage = '该输入项为必输项';
    	$.fn.datebox.defaults.formatter = function(date){
    		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);
    	};
    	$.fn.datebox.defaults.parser = function(s){
    		if (!s) return new Date();
    		var ss = s.split('-');
    		var y = parseInt(ss[0],10);
    		var m = parseInt(ss[1],10);
    		var d = parseInt(ss[2],10);
    		if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
    			return new Date(y,m-1,d);
    		} else {
    			return new Date();
    		}
    	};
    }
    if ($.fn.datetimebox && $.fn.datebox){
    	$.extend($.fn.datetimebox.defaults,{
    		currentText: $.fn.datebox.defaults.currentText,
    		closeText: $.fn.datebox.defaults.closeText,
    		okText: $.fn.datebox.defaults.okText,
    		missingMessage: $.fn.datebox.defaults.missingMessage
    	});
    }

不多说了大家要有开源的精神，共同进步，easyUI这样的框架都开源，我们为何不能呢。                                          @Author   MXR    2016-3-28

[Image 1]: