官术网_书友最值得收藏!

首頁 >

Sencha Touch Cookbook

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:

  1. Copy ch02_01.js to ch02_06.js.
  2. Open a new file named ch02_06.js and replace the definition of formBase with the following code: 
    var formBase = {
  items: [{
    xtype: 'sliderfield',
    name : 'height',
    label: 'Height',
    minValue: 0,
    maxValue: 100,
    increment: 10
  }]
};
  3. Include ch02_06.js in place of ch02_05.js in index.html.
  4. 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
主站蜘蛛池模板： 嵊泗县| 青浦区| 兴业县| 无棣县| 克拉玛依市| 潞西市| 凤山县| 原平市| 分宜县| 谢通门县| 宝丰县| 葵青区| 鄢陵县| 罗城| 黄山市| 中山市| 九龙坡区| 静海县| 张家港市| 安仁县| 昌宁县| 阿拉善右旗| 成武县| 新昌县| 涟水县| 张家口市| 朝阳县| 台州市| 乌拉特中旗| 平陆县| 盐边县| 广丰县| 常熟市| 尚志市| 高碑店市| 荃湾区| 信阳市| 双鸭山市| 长阳| 祁连县| 卢氏县|