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

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
主站蜘蛛池模板: 清河县| 龙南县| 云浮市| 九江市| 无极县| 紫金县| 三门峡市| 耒阳市| 伊金霍洛旗| 白银市| 沙田区| 新疆| 松江区| 莎车县| 东源县| 固原市| 新津县| 驻马店市| 瑞丽市| 洮南市| 蓝田县| 明光市| 隆安县| 卢氏县| 德清县| 新龙县| 特克斯县| 遂宁市| 闸北区| 黄梅县| 攀枝花市| 龙江县| 静安区| 承德县| 徐汇区| 安仁县| 林周县| 灌阳县| 随州市| 五莲县| 七台河市|