SpreadJS前端表格控件加载多语言模板.pdfVIP

SpreadJS 前端表格控件加载多语言模板 本文在介绍如何根据本地化语言加载 Spread 模板的同时简单介绍如何使用 SpreadJS 设计器快速绑定数据。以 SpreadJS Demo 中的学生日历为模板实现。 实现步骤： 1. 下载并修改模板文件。 在学生日历实例页面下载 Demo ，打开studentcalendar_json.txt 删除文档 前后 “ [ ”“ ] ”符号，使内容从 array 变为 object ，并重命名为 studentcalendar.en-us.ssjson。 2. 使用 SpreadJS Designer 打开 studentcalendar.en-us.ssjson ，为模板 增加单元格数据绑定，保存模板。 3. 另存为 studentcalendar.zh-cn.ssjson ，汉化模板内容，保存。 4. 在 MVC 项目中添加获取模板代码，将之前创建好的模板文件放在项目下 templates 文件夹中。 public JsonResult GetTemplateJson(string key, string culture = zh-cn) { if (string.IsNullOrWhiteSpace(key)) { return Json(); } string name = HttpContext.Server.MapPath(@~\templat es\{0}.{1}.ssjson); name = string.Format(name, key, culture); if (System.IO.File.Exists(name)) { string context = System.IO.File.ReadAllText(nam e); return Json(context, JsonRequestBehavior.AllowGe t); } return Json(); } 5. 页面 THML 代码 div class=row div class=col-md-12 style=margin-top:20px; div id=ss style=width:100%; height:600px;/div /div /div div class=form-inline style=margin-top:10px; label class=control-label for=cultureNameCulture： /label select class=form-control id=cultureName option value=en-usEnglish/option option value=zh-cnChinese/option /select /div 6. JS 代码 var spread = null; var spreadNS = GcSpread.Sheets $(function () { spread = new spreadNS.Spread($(#ss)[0]); //根据Spread 默认语言加载数据 var culture = GcSpread.Sheets.Culture(); $(#cultureName).val(culture); loadTemplate(culture); $(#cultureName).change(function () { changeCulture($(this).val()); });