开源spreadjs(纯前端表格控件新特性)
开源spreadjs(纯前端表格控件新特性)SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,以“高速低耗、高度类似Excel、可无限扩展”为产品特色,提供移动跨平台和浏览器支持,同时满足 .NET、Java、App 等应用程序中的 Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业务场景,为您带来亲切的 Excel 体验。SpreadJS 在数据可视化、Excel 导入导出、公式引用、数据绑定、框架集成等场景下无需大量代码开发和测试,极大降低了企业研发成本和项目交付风险。GC.Spread.Common.CultureManager.addCultureInfo("zh-tw" null lang); //Add the language GC.Spread.Common.CultureManager.culture("zh-tw"); //Set the cultur
SpreadJS 纯前端表格控件支持多语言,包括中文、英语、日语和韩语。但是,如果您需要支持更多语言,如德语、法语或西班牙语,该怎么办?
SpreadJS 现在提供了自定义本地化功能,您可以完全根据您的语言环境自定义 SpreadJS 实例中显示的属性和单词。
在 SpreadJS 中定义一种语言十分简单,在一个变量中即可完成:
var lang = { // localization config goes here Common = { End: "Ends With..." , Equal: "Equals..." ... } Sheets = { "Tip_Row": "行 = " //No parameters will add the row number "Tip_Column": "列 = " "Tip_Height": "高度: {0} 像素" //Use the parameters "Tip_Width": "寬度: {0} 像素" } CalcEngine: { Fbx_Summary: "概要" } Functions: { SUM: { description: "此函數返回某一單元格區域中所有數字之和。" parameters: ["值1" "值2"] } NOW: { description: "此函數返回當前的日期和時間。" } IF: { description: "使用邏輯函數 IF 函數時,如果條件為真,該函數將返回一個值;如果條件為假,函數將返回另一個值。" parameters: ["判断条件" "值1" "值2"] } } };
一旦您定义了自定义语言,就可以将其添加为语言资源包,并通过几行代码将其设置为SpreadJS实例的默认语言:
GC.Spread.Common.CultureManager.addCultureInfo("zh-tw" null lang); //Add the language GC.Spread.Common.CultureManager.culture("zh-tw"); //Set the culture
在定义语言时,需要注意的是,未设置的语句仍将以英语翻译的结果显示。此外,使用to / fromJSON不会保存自定义语言,需要人工添加。
除此之外,SpreadJS 还可通过API,获取已定义的语言:
/** * Gets the custom language. * @static * @param {string} cultureName Culture name * @returns {object} language object */ GC.Spread.Common.CultureManager.getLanguage (cultureName);
以上就是 SpreadJS 自定义本地化的更新内容,要体验这些功能并开始学习SpreadJS,请点击文末了解更多,访问 SpreadJS 产品官网!
关于 SpreadJS 纯前端表格控件SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,以“高速低耗、高度类似Excel、可无限扩展”为产品特色,提供移动跨平台和浏览器支持,同时满足 .NET、Java、App 等应用程序中的 Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业务场景,为您带来亲切的 Excel 体验。SpreadJS 在数据可视化、Excel 导入导出、公式引用、数据绑定、框架集成等场景下无需大量代码开发和测试,极大降低了企业研发成本和项目交付风险。