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 V12.2 自定义本地化的更新内容,要体验这些功能并开始学习SpreadJS,请访问 SpreadJS 产品官网

SpreadJS 纯前端表格控件 V12.2 新特性一览