- Sencha Touch Cookbook
- Ajit Kumar
- 252字
- 2021-08-20 15:56:09
Changing the value using Slider
This recipe describes the use of the Slider form field, which allows the user to change the value by merely sliding.
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 Get your form ready with FormPanel recipe in this chapter.
How to do it...
Carry out the following steps:
- Copy
ch02_01.js
toch02_06.js
. - Open a new file named
ch02_06.js
and replace the definition offormBase
with the following code:var formBase = { items: [{ xtype: 'sliderfield', name : 'height', label: 'Height', minValue: 0, maxValue: 100, increment: 10 }] };
- Include
ch02_06.js
in place ofch02_05.js
inindex.html
. - Deploy and access the application in the browser.
How it works...
The preceding code creates a slider field with 0–100 as the range of values, with 10 as the increment
, which means when a user clicks on the slider, the value will change by 10 on every click. The increment
value must be a whole number.
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
推薦閱讀
- Learning Scala Programming
- Java異步編程實(shí)戰(zhàn)
- Python爬蟲開發(fā):從入門到實(shí)戰(zhàn)(微課版)
- HTML5 Mobile Development Cookbook
- 看透JavaScript:原理、方法與實(shí)踐
- Python計(jì)算機(jī)視覺編程
- 機(jī)器人Python青少年編程開發(fā)實(shí)例
- Bulma必知必會(huì)
- Practical Game Design
- Access 2016數(shù)據(jù)庫(kù)管
- 用戶體驗(yàn)增長(zhǎng):數(shù)字化·智能化·綠色化
- 數(shù)據(jù)結(jié)構(gòu)習(xí)題解析與實(shí)驗(yàn)指導(dǎo)
- Python語(yǔ)言實(shí)用教程
- GitHub入門與實(shí)踐
- 智能手機(jī)故障檢測(cè)與維修從入門到精通