小程序demo：办公审批

zhichi_admin

小程序demo：办公审批
使用指南：
多语言支持相关数据结构
语言相关全局变量

• Sample Code
• //app.js
• App({
•   onLaunch: function () {
•     //进入应用时检查语言设置
•     var language = wx.getStorageSync('selectedLanguage');
•     if(language){
•       this.globalData.settings.language = language;
•     }else{
•       //TODO 使用系统语言设定 user-info COUNTRY      
•       this.globalData.settings.language = 0; //暂时默认为中文
•     },
•   globalData:{
•     settings:{
•       language: null
•     },
•     userInfo:null
•   }
• })
  

App启动时读取LocalStorage, 取得当前语言设置, 并写入全局变量
各页面通过读取全局变量 settings.language 来确定当前使用语言
Setting界面

• Sample Code
•   // pages/settings/settings.js
•   languages: ["简体中文", "English"], // "繁体中文", "日本語" may be supported in the future
  

Picker组件

Sample Code

•   // pages/timecard/normal/normal.js
•   checkType: [
•     [{id: "clockIn", msg: "上班"}, {id: "clockOut", msg: "下班"                 // Simplified Chinese Support
•     ,[{id: "clockIn", msg: "Clock In"}, {id: "clockOut", msg: "Clock Out"      // English Support
•     ,[......]                                                                    // Other possible languages
•   
  

当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

•   <picker value="{{checkType[uindex][index].id}}" range="{{checkType[uindex]}}" range-key="msg">
•     <view class="weui-input">{{checkType[uindex][index].msg}}</view>
•   </picker>
  

注意picker的 value属性 为 {{checkType[uindex][index].id}}
通过以下数据结构设计, 实现以不同语言的显示, 提交表单时为相同的id

•   [                                                   // Language
•     {id: "same id", msg: "multiple language msg"}     // Options of current language
•   
  

截图：





下载地址（体验前先查看导入说明）：

游客，如果您要查看本帖隐藏内容请回复

Ywenli

感谢楼主分享

hjc

感谢楼主分享

baochunsan

xuān๑๑

感谢楼主

DMelodie

感谢楼主

YangJian

111118888111111111

chenguanquan

我一直找终于被我找到了

银杏树下

非常感谢楼主分享 正是我需要的 感谢。。。。。。。。

jack56846

专注于与个人游戏开发者合作，有产品的朋友联系微信号jim20180688，详聊