今天在使用的easyUI框架时,发现都是英文,包括日期控件,分页。easyUI作为优秀的开源框架怎么会没有中文呢,不只是中文还有日语,法语等,所以真正的实现了国际化。
下面是国际化语言包,easyUI只带的,。
我们需要引入那个国家的语言,只需在自己的页面上引入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