学步园

本文讲述SharePoint 2013 开发中JavaScript本地化方案。

SharePoint 2013 中越来越多地使用到JavaScript,而客户用多语言版本的需求也很常见，如果我们使用web part可以使用  resource文件。

但是如果某个feature只用了JavaScript呢？ 如何本地化？

答案同样是使用resource文件。

下面根笔者一步一步来做SharePoint 2013 开发中JavaScript本地化方案吧。

1. 新建一个SharePoint solution 

2. 选择Farm solution 

3. 添加Map文件到SharePoint 的Resource 物理文件夹

4. 在Resources 文件夹中分别为中文和英文添加资源文件

5. 在资源文件中添加要本地化的字符串(名字和值)，并保存

6.部署这个解决方案 

7. 打开SharePoint 的资源文件夹，确认资源文件部署过来了

8. 使用Code embed web part插入下列代码到英文站点的页面

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<Div id='TestLocalizationDiv'></Div>
<script type="text/javascript">
$(document).ready(function () {
             SP.SOD.executeOrDelayUntilScriptLoaded(LoadResourceJS, 'core.js');
         });

function LoadResourceJS()
{
jQuery.getScript("/_layouts/scriptresx.ashx?culture="+STSHtmlEncode(Strings.STS.L_CurrentUICulture_Name)+"&name=Portal.Blog")
    .done(function() {
                window.Portal = window.Portal  || {};
                window.Portal.Blog= window.Portal.Blog || {};
                window.Portal.Blog.Res = Res;                 
                                   var testLocalizationDiv = document.getElementById('TestLocalizationDiv');
                                  testLocalizationDiv.innerHTML = window.Portal.Blog.Res.title;

     })
    .fail(function() {console.log("Load resource file Portal.Blog error");});
}
   </script>

英文站点的效果为

9. 使用Code embed web part插入上面代码到中文站点的页面效果为