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

最新推荐文章于 2024-03-09 16:36:28 发布
最新推荐文章于 2024-03-09 16:36:28 发布
阅读量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控制div层的显示与隐藏
flyly88的专栏
10-25 4028
<br />登录，判断以后想在直接用ext控制首页的div层来显示登录成功，怎么设置啊？？？<br />我是一个实习生，最近公司要在项目中加一个嵌入网页中的聊天功能，要求用pushlet来做，我在网上找了一些帖子，但是大部分都是讲概念的东西，例子基本没有，希望谁能给一个大概的demo让我看看，主要现在看了好几天，根本不知道怎么着手去写，希望有过开发经历的程序员，给详细的解答需要实现这样的功能：<br />1. 用户可以创建账号。<br />2. 用户可以发帖，跟帖，帖子里可以发布图片。<br />3. 有内
Ext组件描述，各个组件含义
06-23
- **功能描述**：Radio 是一个单选按钮控件，用户只能选择一个选项。 - **主要用途**：适用于需要用户从多个选项中选择一个的场景。 **2.26 Text Area (Ext.form.TextArea)** - **xtype**: `textarea` - **功能...
Extjs 隐藏组件
iteye_2239的博客
07-22 904
最近在用Extjs进行前端开发，发现一些component的hide方法往往不能达到我们想要的效果, 大部分组件的fieldLabel都是无法隐藏掉的。 经过查阅，发现可以通过下面两个方法，比较好的解决这个问题 [code="java"] function hideComponent(comp){ comp.disable(); comp.hide(); if(com...
EXT 中控件的隐藏，显示，不可用
10-10 8835
不可用，无法点击 Ext.getCmp().disable(); Ext.getCmp().enable(); 隐藏，显示 Ext.getCmp().hide(); Ext.getCmp().show();
Ext3.4 Column layout 设置form表单组件隐藏
qq_29663071的博客
03-25 1038
因为工作要求，需要按照Combo的下拉值来显示或者隐藏部分的页面表单信息。以前用Ext4的时候，直接用table layout,然后调用组件的hide()方法就没啥问题了。不过这个Ext3.4在chrome下面工作的好好的，切换到IE的时候悲剧了。效果见下图: 我的写法是这样滴: 1 2 3 4 5 6 7 8 9 10 11 bu
Ext设置按钮动态隐藏和显示
孤雁是天的寂寞
03-07 625
Ext.getCmp('按钮id').show();显示 Ext.getCmp('按钮id').hide();隐藏
Ext组件详解：核心组件介绍
- radio (Ext.form.Radio): 单选按钮，用于单选操作。 - textarea (Ext.form.TextArea): 多行文本输入字段。 - textfield (Ext.form.TextField): 单行文本输入字段，用于输入简单文本。 EXTJS的组件系统强大而...
EXT.form组件
10-26
10. `radio`：`Ext.form.Radio`是单选按钮组件，用户只能选择其中的一个选项。 11. `textarea`：`Ext.form.TextArea`用于创建多行文本输入字段，支持自动调整大小。 12. `textfield`：`Ext.form.TextField`是最...
EXT中文教程：从入门到精通
EXT的Menu组件用于创建下拉菜单，支持多种类型的菜单项，如分割线、复选框、单选按钮等。菜单可以嵌入到其他组件中，如工具栏和窗口。 模板（Templates） EXT的模板功能允许开发者创建动态HTML，结合数据进行渲染。...
.archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc
10-20
在一个组内的所有单选按钮必须具有相同的`name`属性，以确保只能选择一个。在示例中，我们创建了表示“男”和“女”的两个单选按钮，设置`name: "sex"`确保它们属于同一组。其他属性与Checkbox相似。 3. **...
在ExtJS中，可以使用`setVisible()`方法来动态修改表字段的隐藏状态
最新发布
BLOG域名:programb.blog.csdn.net
03-09 515
这段代码创建了一个名为"My Form"的Panel组件，并将其布局设置为FormLayout。然后，我们向该容器中添加了三个表单字段：文本框、日期选择框和数字输入框。方法来动态修改表字段的隐藏状态。该方法接受一个布尔值参数，如果为true，则显示字段；如果为false，则隐藏字段。请注意，以上只是一个简单的示例，你可以根据自己的需求进行更复杂的布局和配置。隐藏表单字段的标签可以通过设置相应的属性来实现。这样就可以在ExtJS中使用Grid布局来展示数据了。在ExtJS中，可以使用。请注意，上述示例中的。
单选按钮显示隐藏控件
yoookoo的专栏
03-12 704
要上门不要上门
动态设置Ext.form.FormPanel控件里子控件的显示和隐藏
evilcry2012的专栏
08-16 9209
动态设置Ext.form.FormPanel控件里子控件的显示和隐藏 标签： layoutborderfunction 2010-12-20 10:25 11992人阅读 评论(1) 收藏 举报  分类： Extjs（11）  版权声明：本文为博主原创文章，未经博主允许不得转载。   [javascript] view
Extjs组件的隐藏和显示
weixin_34116110的博客
08-21 1044
2019独角兽企业重金招聘Python工程师标准>>> ...
Ext中同时隐藏field和label的方法
laowang2915的博客
03-06 1632
Ext中同时隐藏field和label的方法       有时根据业务需要将组件进行隐藏，但往往实现后只是将文本框这类组件隐藏了，组件前面的label还在并没有隐藏。为此查询实验很多方法都没有成功，直到看到这篇文章，解决了问题，故对此问题进行总结。参考实例：function hideField(field)    {       field.disable();// for validation ...
Extjs6.2 隐藏checkboxmodel的HeaderCheckbox
weixin_44288659的博客
01-14 685
原来的： 实现效果： 第一种方法（推荐） 在Ext.grid.Panle 的selModel配置。 selModel: Ext.create('Ext.selection.CheckboxModel', { mode : "SIMPLE", //SIMPLE 多选 SINGLE 单选 showHeaderCheckbox: false, //是否显示头复选框 ...
Ext 通过条件隐藏指定的行
tyt1002的专栏
04-21 508
/** * 按查询参数查询 */ var removedRecords = null; var selectSgin = 0; function doSearch(arSoftwareRequireGrid, arSoftwareRequireStore) { var dateStart = Ext.getCmp('dateStart').getValue(); //开始日期 var d...
Extjs form表单 动态设置标签的隐藏和显示 （解决问题）
liyanlei的专栏
12-19 2398
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值