SharePoint 2013 開發中JavaScript本地化方案

本文講述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插入上面代碼到中文站點的頁面效果爲