Sencha Touch Cookbook
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

Toggling between your two choices

This is a specialized slider with only two values. In this recipe, we will see how to make use of the toggle field.

Getting ready

Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.

Make sure that you have followed the Getting your form ready with FormPanel recipe. in this chapter

How to do it...

Carry out the following steps:

  1. Copy ch02_01.js to ch02_08.js.
  2. Open a new file named ch02_08.js and replace the definition of formBase with the following code: 
    var formBase = {
  items: [{
    xtype: 'togglefield',
    name : 'toggle',
    label: 'Toggle'
  }]
};
  3. Include ch02_08.js in place of ch02_07.js in index.html.
  4. Deploy and access the application in the browser.

How it works...

This creates a slider field with the minValue set to 0 and maxValue set to 1.

See also

  • The recipe named Setting up the Android-based development environment in Chapter 1
  • The recipe named Setting up the iOS-based development environment in Chapter 1
  • The recipe named Setting up the Blackberry-based development environment in Chapter 1
  • The recipe named Setting up the browser-based development environment in Chapter 1
  • The recipe named Setting up the production environment in Chapter 1
  • The recipe named Getting your form ready with FormPanel in this chapter
本周热推：
亮剑C#项目开发案例导航Unity3D游戏开发标准教程Python渗透测试编程技术：方法与实践（第2版）C#网络编程高级篇之网页游戏辅助程序设计.NET 4.0面向对象编程漫谈：应用篇
上一章目录下一章