- Sencha Touch Cookbook
- Ajit Kumar
- 217字
- 2021-08-20 15:56:09
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:
- Copy
ch02_01.js
toch02_08.js
. - Open a new file named
ch02_08.js
and replace the definition offormBase
with the following code:var formBase = { items: [{ xtype: 'togglefield', name : 'toggle', label: 'Toggle' }] };
- Include
ch02_08.js
in place ofch02_07.js
inindex.html
. - 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語言程序設計基礎與實驗指導
- 華為HMS生態與應用開發實戰
- 可解釋機器學習:模型、方法與實踐
- Flutter跨平臺開發入門與實戰
- Java網絡編程實戰
- Unity&VR游戲美術設計實戰
- Maker基地嘉年華:玩轉樂動魔盒學Scratch
- Illustrator CS6設計與應用任務教程
- Instant jQuery Boilerplate for Plugins
- Java 9 Programming By Example
- 軟件工程與UML案例解析(第三版)
- WildFly Cookbook
- Java EE項目應用開發
- Java EE實用教程
- FusionCharts Beginner’s Guide:The Official Guide for FusionCharts Suite