- Sencha Touch Cookbook
- Ajit Kumar
- 340字
- 2021-08-20 15:56:08
Making a field hidden
Often in an application, there would be a need to hide fields which are not needed in a particular context but are required and hence need to be shown in another. In this recipe, we will see how to make a field hidden and show it, conditionally.
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:
How it works...
When a field is marked as hidden, Sencha Touch uses the DOM's hide method on the element to hide that particular field.
There's more...
Let's see how we can programmatically show/hide a field.
Each component in Sencha Touch supports two methods: show and hide. The show method shows the element and hide hides the element. In order to call these methods, we will have to first find the reference to the component, which can be achieved by either using the object reference or by using the Ext.getCmp() method. Given a component ID, the getCmp method returns us the component. The following code snippet demonstrates how to show an element:
var cmp = Ext.getCmp('datefield-id');
cmp.show();
To hide an element, we will have to call cmp.hide();
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
- Advanced Splunk
- UI設計基礎培訓教程
- .NET之美：.NET關鍵技術深入解析
- 計算機圖形學編程（使用OpenGL和C++）（第2版）
- Learning Chef
- 算法基礎：打開程序設計之門
- 云計算通俗講義（第3版）
- Python Network Programming Cookbook（Second Edition）
- PostgreSQL Replication（Second Edition）
- Mastering KnockoutJS
- 學Python也可以這么有趣
- C/C++程序員面試指南
- Python語言實用教程
- Android嵌入式系統程序開發：基于Cortex-A8（第2版）
- 從程序員角度學習數據庫技術（藍橋杯軟件大賽培訓教材-Java方向）