用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

92

主题

154

帖子

7284

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7284
2017-5-29 16:19:51 yuzeng84 管理员 楼主 1632312
小程序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
  •   


截图:
1.png 2.png 3.png 4.png 5.png




下载地址(体验前先查看导入说明):
游客,如果您要查看本帖隐藏内容请回复

极乐小程序商店:http://wxapp.dreawer.com
极乐小程序开发者联盟:http://www.wxapp-union.com
极乐大牛专栏:http://zhuanlan.zhihu.com/dreawer

回帖奖励 +1

不错哦看看
真不错啊 正在找的
好实用
感谢发布我来测试
RE: 小程序demo:办公审批 [修改]
学习
学习学习
学习学习
学习,紫薯布丁
学习一下
zhenbang
看看
看样子 有登陆部分了 谢了
您需要登录后才可以回帖 登录 | 立即注册