ext中使用一组单选按钮控制一些组件的显示隐藏

最新推荐文章于 2020-04-21 11:33:09 发布
最新推荐文章于 2020-04-21 11:33:09 发布
阅读量1.3k 收藏
点赞数
分类专栏： Ext.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sukla/article/details/75386519
版权

我是用的是ext6.2

1.需求：在表单里面根据单选按钮的勾选来显示对应类型的输入框显示出来让用户填写；

2.思路：使用双向绑定来实现，当单选按钮勾选时，获取值，修改viewModel中的值，这里的viewModel中的值是绑定到这个单选按钮要控制的那些组件上的hidden属性上的;

radio如下：

controller

viewModel

被控制的组件



Sukla
关注
专栏目录
Ext组件描述，各个组件含义
06-23
- **功能描述**：Radio 是一个单选按钮控件，用户只能选择一个选项。 - **主要用途**：适用于需要用户从多个选项中选择一个的场景。 **2.26 Text Area (Ext.form.TextArea)** - **xtype**: `textarea` - **功能...
Ext中同时隐藏field和label的方法
laowang2915的博客
03-06 1616
Ext中同时隐藏field和label的方法       有时根据业务需要将组件进行隐藏，但往往实现后只是将文本框这类组件隐藏了，组件前面的label还在并没有隐藏。为此查询实验很多方法都没有成功，直到看到这篇文章，解决了问题，故对此问题进行总结。参考实例：function hideField(field)    {       field.disable();// for validation ...
ExtJS学习笔记（六） 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
萧逸闲侃
09-05 1541
声明：本文案例讲解摘自资料，部分资料收集自他人博客。  通过此文能学习到如下内容       1.创建一个简单的面板 Ext.Panel       2.制作一个可以拖动的面板 Ext.Panel       3 .使用选项卡面板       3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容)       面板是ExtJs控件的基础，很多控件都是在面板的基础上扩展的，
Extjs 隐藏组件
iteye_2239的博客
07-22 888
最近在用Extjs进行前端开发，发现一些component的hide方法往往不能达到我们想要的效果, 大部分组件的fieldLabel都是无法隐藏掉的。 经过查阅，发现可以通过下面两个方法，比较好的解决这个问题 [code="java"] function hideComponent(comp){ comp.disable(); comp.hide(); if(com...
单选按钮显示隐藏控件
yoookoo的专栏
03-12 697
要上门不要上门
EXT.form组件
10-26
10. `radio`：`Ext.form.Radio`是单选按钮组件，用户只能选择其中的一个选项。 11. `textarea`：`Ext.form.TextArea`用于创建多行文本输入字段，支持自动调整大小。 12. `textfield`：`Ext.form.TextField`是最...
Ext3.0 + 中文API
12-17
6. **表单组件**：丰富的表单组件，如文本框、下拉框、复选框、单选按钮等，支持表单验证和数据提交，使得创建复杂的表单变得简单。 7. **拖放功能**：内置的拖放API使得元素之间的拖放操作变得容易实现，增强了...
ext中文帮助文档最终版
12-05
7. **表单组件**：EXT 2.0提供了多种表单字段，如文本框、密码框、下拉列表、复选框和单选按钮，以及表单验证功能。 8. **Ajax和数据存储**：EXT内置了Ajax支持，方便与服务器进行异步通信。Store组件可以处理数据...
ext3.3.1-theme 主题
03-09
EXT3（Extended File System 3）是Linux操作系统中广泛使用的一种日志文件系统，它在1990年代末期由Stephen Tweedie开发。EXT3.3.1主题可能是针对EXT3文件系统的用户界面（UI）进行的一种定制设计，旨在提供独特的...
Ext 2 Overview (EXT2.0概述,来自官方)
kinglino520的专栏
06-09 606
 有关重大改变的几个要点文章内容是对2.0新变化的综合简述。请留意Ext框架在从1.x跨越到2.0的过程中，经历了无数的细微改进、臭虫修正和其他的改动。 要逐一列出尚难为之，所以本文着重提及架构上有转换的地方，和一些全新加入的功能。本文下列的各部分将完整地解释这每一项的细节。组件模型 Component Model在1.x中就有Component和BoxCompon
Ext 通过条件隐藏指定的行
tyt1002的专栏
04-21 491
/** * 按查询参数查询 */ var removedRecords = null; var selectSgin = 0; function doSearch(arSoftwareRequireGrid, arSoftwareRequireStore) { var dateStart = Ext.getCmp('dateStart').getValue(); //开始日期 var d...
Ext设置按钮动态隐藏和显示
孤雁是天的寂寞
03-07 614
Ext.getCmp('按钮id').show();显示 Ext.getCmp('按钮id').hide();隐藏
Extjs form表单 动态设置标签的隐藏和显示 （解决问题）
liyanlei的专栏
12-19 2390
http://www.cnblogs.com/280850911/archive/2012/08/15/2640797.html //获得操作对旬 var field=Ext.getCmp("id'); //显示 showField(field); //隐藏 hideField(field); function hideField(field) { field.dis
Extjs 动态设置组件的隐藏和显示，以及动态设置emptyText值
Sucker的小笔记
11-09 4580
一、在form中hide(),show()这些只是设置了输入框的隐藏与显示，并没有设置label标签的隐藏与显示。 //获得操作对旬 var field=Ext.getCmp("id'); //显示 showField(field); //隐藏 hideField(field); function hideField(field){ field.disable();// for vali...
Extjs组件的隐藏和显示
weixin_34116110的博客
08-21 1016
2019独角兽企业重金招聘Python工程师标准>>> ...
Ext控制div层的显示与隐藏
flyly88的专栏
10-25 4015
<br />登录，判断以后想在直接用ext控制首页的div层来显示登录成功，怎么设置啊？？？<br />我是一个实习生，最近公司要在项目中加一个嵌入网页中的聊天功能，要求用pushlet来做，我在网上找了一些帖子，但是大部分都是讲概念的东西，例子基本没有，希望谁能给一个大概的demo让我看看，主要现在看了好几天，根本不知道怎么着手去写，希望有过开发经历的程序员，给详细的解答需要实现这样的功能：<br />1. 用户可以创建账号。<br />2. 用户可以发帖，跟帖，帖子里可以发布图片。<br />3. 有内
动态设置Ext.form.FormPanel控件里子控件的显示和隐藏
evilcry2012的专栏
08-16 9192
动态设置Ext.form.FormPanel控件里子控件的显示和隐藏 标签： layoutborderfunction 2010-12-20 10:25 11992人阅读 评论(1) 收藏 举报  分类： Extjs（11）  版权声明：本文为博主原创文章，未经博主允许不得转载。   [javascript] view
Ext3.4 Column layout 设置form表单组件隐藏
qq_29663071的博客
03-25 1027
因为工作要求，需要按照Combo的下拉值来显示或者隐藏部分的页面表单信息。以前用Ext4的时候，直接用table layout,然后调用组件的hide()方法就没啥问题了。不过这个Ext3.4在chrome下面工作的好好的，切换到IE的时候悲剧了。效果见下图: 我的写法是这样滴: 1 2 3 4 5 6 7 8 9 10 11 bu
EXT中文使用指南：从入门到精通
"EXT最新使用手册(中文)提供了EXT框架的详细使用指南，涵盖了EXT的核心概念、组件使用、Ajax交互、源码分析、布局管理、菜单系统、模板操作、事件处理、类设计、表单组件以及EXT的继承机制等多个方面。" EXT中文...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值