Extjs 组件获取 name 和 itemId

最新推荐文章于 2021-10-09 17:04:21 发布

原创最新推荐文章于 2021-10-09 17:04:21 发布 · 993 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#down组件

Extjs 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了ExtJS框架中隐藏字段的使用方法，重点介绍了如何通过配置属性实现字段的显示与隐藏，以及如何利用down方法进行组件定位。深入理解这些技术对于提升前端开发效率至关重要。

{
   fieldLabel: '示例',
   xtype:'hiddenfield',
   name:'excludeDeleted',
   itemId: 'excludeDeleted',
   value:me.excludeDeleted
 }

panel.down("#excludeDeleted")  ==  panel.down("[name=excludeDeleted]")

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WinterIsComming

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

10.8.1 Ext JS 组件获取方式汇总介绍

oscar999的专栏

03-14

699

获取方式适用优缺点主页面中一直打开的组件，比如导航栏简单，直接父子关系不会变化的状况如果父子关系发生修改，则会出错comp.query(查找描述符)通用灵活，查找效率可能每那么高具体选用哪种，根据实际适用的状况来决定。当然，如果偏好适用某种也是可以的，只是 id这种全局的方式要慎用。

[ExtJS5学习笔记]第三十六节报表组件mzPivotGrid

苏生-苏米沿的专栏

03-23

8221

mzPivotGrid 是一个报表组件，采用这个组件之后，可以令你的应用体现更多的价值。什么是pivot grid 什么是mzPivotGrid 学习资源与图表组件的融合什么是pivot gridextjs的面板panel对于展示大批量数据来说是pefect的，并且还提供了各种各样的展示方式。但是唯一缺少一个pivot grid，当需要做数据报表的时候，pivot grid就起作用了。什么是m

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

for_him 2021.09.22
panel是页面上的xtype吗？

extjs中获取form.Panel里边的所有item

qq_20426717的博客

12-18

819

form.getForm().getFields().items;

extjs 中登录保存用户名

一条鱼 + 一条鱼

08-25

248

1. 如何预先设置显示值： items: [{ fieldLabel: '登录Email', name: 'loginUsername', width: 280, allowBlank: false, value: 'www.cnblogs.c...

Extjs id与itemId的使用

麻花猫耳朵的博客

10-09

1785

id：在js中id就要求唯一性，整个js文件中id的值不能重复，所以在Extjs中，id也是要求唯一性的； itemId：这个属性的值是允许重复的，因为它是在container下使用的，即可以通过itemId的上一级标签的id来区分两个itemId是不是同一个标签；两者的使用方法：通过Ext.getCmp(id)来获取组件；通过Ext.Container.getComponent(itemId)来获取指定组件； ...

datalist获取id传到下一个页面_JavaScript通过元素id和name直接获取元素对象

weixin_39744408的博客

11-21

319

在以前做项目编程的时候，还是自己写Demo练习的时候，不管是用JavaScript还是用Jquery给标签元素绑定对象，都习惯使用选择器进行元素标签对象的获取，在最近看项目的过程中发现有人习惯直接使用I标签的ID或者Name直接获取对象，我在看到代码的时候还一下没反应过来，在这里做个记录，避免忘记使用选择器获取对象并绑定事件我们都知道，id和name两个属性在JS中是很特殊...

extjs 类似jquery的选择器

iteye_13384的博客

12-13

223

经常在Ext.select()和Ext.query()等问题上纠结，今天终于有了点新认识：需求，假设我们的页面上有个panel ,其id为clusterstab_edit_details,这个panel的内部有个textarea,这个textarea的name为editDetails_Description,那么我们有多少方法可以取得textarea中当前输入的内容的值呢？方法1：我们...

extjs学习总结

清风徐来，水波不兴

01-28

7164

sencha -sdk F:\SvnCodeManage\repository\ext-6.0.0-gpl generate app extjs F:\SvnCodeManage\repository\aa extjs 学习资料 1、onReady 定义在onReady内的语句块会在页面上下文加载完毕后执行 2、define 定义一个类 3、createc初始化一个类的实例

extjs4.0中文API整理02——Container

好记性不如烂笔头

08-22

3536

extjs4.0中文API整理02——Container 材料来自于extjs官网，翻译参考脚本娃娃的中文版一、Ext.container.Container 1.任何可能包含其它Ext.Component组件的基类。容器对于所包含的组件的基本处理包括添加，插入和删除项目。最常用的的容器类Ext.panel.Panel，Ext.window.Window和 Ext

ExtJS4 自动生成控制grid的列显示、隐藏的checkbox

hu8471479的专栏

04-24

3484

由于某种原因，需要做一个控制grid列显示的checkboxgroup，

virtual DOM和真实DOM的区别_前端系列——DOM树以及DOM常用方法

weixin_39687786的博客

11-21

212

1、什么是DOM树？当浏览器加载HTML 页面的时候，首先就是DOM结构的计算，计算出来的DOM 结构就是DOM 树(把页面中的HTML标签像树的结构一样，分析出之间的层级结构关系)DOM树描述了标签与标签之间的关系(节点间的关系)，我们只要知道任何一个标签，都可以依据DOM中提供的属性和方法，获取到页面中任意另一个标签或者节点。2、在JS中获取DOM元素的方法1)getElementByIda、...

extjs获取元素name属性值_extjs – 如何从Ext表单中获取值

weixin_30046591的博客

12-22

444

实际上我有一个ExtJs脚本来创建窗口,下面有一个Window.var frmAccount = Ext.create('Ext.form.Panel',{bodyPadding: 5,frame : true,items :[{xtype : 'textfield',fieldLabel : 'Account Number',name : 'accountNu...

extjs获取元素name属性值_ALLEN老师自动化测试小课堂 | WebDriver API之常见元素定位方法...

weixin_33508642的博客

01-07

327

WebDriver针对各个浏览器而开发，取代了嵌入到被测Web应用中的JavaScript，与浏览器紧密集成，因此支持创建更高级的测试，避免了JavaScript安全模型导致的限制。除了来自浏览器厂商的支持之外，WebDriver还利用操作系统级的调用，模拟用户输入，因此, 它的稳定性非常高。做自动化测试脚本的时候，我们通常会有如下的步骤：通过某些方式定位到我们要执行的对象、目标（Target）对...

ext--window跨页取值问题

woyizhizaizhaoni的专栏

07-12

320

//----turn from pagevar selPost='';Ext.onReady(function () { var OrgTreeStore=Ext.create('Ext.data.TreeStore', { id : 'OrgTreeStore', autoLoad : false, fields : ['id', 'text'] ...

ExtJs中combo传value而不是name

学习需要由浅入深，心怀敬畏

05-25

547

比如name:'userName'要加上hiddenName:'userName'只有这样才会传value过去，而不是name

extjs 获取id的值_Extjs 4如何获取父组件的ID？

weixin_42615290的博客

12-28

572

我有多个fieldset。并且在Extjs 4中的每个字段集中都有Button。我想在按钮单击事件中获取字段集标识，以便我可以知道从哪个字段集单击了该按钮Extjs 4如何获取父组件的ID？我该如何获取？{xtype:'fieldset',id:'fs1',items:[{xtype:'button',id:'b1',handler:function(){// here i want to ge...

Extjs 在中获取window中items 的值，避免使用id

zpryan的专栏

02-05

4500

var forceInWin2 = new Ext.Window({ id : 'creatInWin2', title: "验证", width: 280, height: 130, layout: "fit", draggable: true, resiza

extjs 获取id的值_extjs关于获取被选取的record的id的问题

weixin_39915204的博客

12-18

320

一个关于获取record的id 的问题，请看下面删除的函数deleteUserUserList = Ext.extend(Ext.Panel, {layout: 'fit',autoWidth: true,store: 'UserStore',initComponent: function() {this.items = [{xtype: 'editorgrid',id:'grid_id',sto...

Extjs 详解"获得id为name的testfield的输入值"

msz1992的专栏

09-25

3796

1.var username=Ext.fly("name").getValue();[返回值:Ext.Element] 2.var username=Ext.getCmp("name").getValue();[返回值:Ext.Component] 3.var username=Ext.get("name").getValue();[返回值:Ext.Element] 帮助说明：Ext.Ele

在此基础上修改：Ext.each(recs,function(rec){ if(rec.is_out=="true"){ menu_lock.add({ iconCls:'', text:rec.name, record:rec //将打印模板记录保存在record中,用于那些需要选择模板的情况； }); } if (rec.is_out == "false") { // 禁用工具栏所有按钮 bar2.items.each(function(item) { item.setDisabled(true); }); // 单独启用历史日志按钮 if (bar2.items.itemId == 'logList') { .setDisabled(false); } }

最新发布

12-27

<think>好的，我现在需要帮用户修改他们提供的ExtJS代码，以满足当rec.is_out为false时，历史日志按钮可用，其他按钮禁用的需求。首先，我需要仔细阅读用户提供的代码片段和之前的对话历史，确保理解他们的需求和当前的实现情况。用户之前的代码中，在beforerender函数里遍历recs数组，根据rec.is_out的值添加菜单项。现在用户希望在此基础上修改，当rec.is_out为false时，禁用工具栏的所有按钮，但单独启用历史日志按钮。用户提供的代码片段中有两个if条件：当is_out为true时添加菜单项；当is_out为false时，遍历工具栏项禁用所有按钮，并尝试启用logList按钮。首先，我需要检查用户提供的代码是否有语法错误。注意到在设置单独启用logList按钮时，代码中存在错误：bar2.items.itemId == 'logList'可能不正确，因为items是一个集合，不能直接访问itemId，应该是在遍历每个item时检查itemId是否为logList。另外，用户可能在设置禁用状态时存在逻辑问题，比如在遍历所有recs时，多次禁用和启用按钮，可能导致状态混乱。接下来，我需要确定正确的ExtJS方法来操作按钮的禁用状态。ExtJS中，通常使用disable()和enable()方法，或者setDisabled(true/false)。同时，工具栏中的按钮可能有不同的itemId或id，需要正确选择目标按钮。用户的需求是当任何一个rec的is_out为false时，禁用所有按钮并启用历史日志按钮。但可能需要考虑是否每个rec都会触发这个逻辑，导致多次操作。因此，可能需要优化逻辑，只在存在is_out为false的rec时执行一次禁用和启用操作，而不是在遍历每个rec时重复执行。然后，我需要修改代码结构，将禁用所有按钮的操作放在循环外面，避免重复执行。例如，先遍历所有recs，收集需要添加的菜单项，然后根据是否存在is_out为false的rec来决定是否禁用工具栏按钮。这样可以确保禁用逻辑只执行一次，而不是每个rec都触发一次。另外，用户的历史日志按钮的itemId可能不是logList，需要确认正确的itemId，比如用户之前的代码中BTN_PRINT可能对应历史日志按钮，但需要根据实际代码确认。在用户提供的代码中，bar2.down('#BTN_PRINT')可能对应历史日志按钮，因此在启用时应单独处理该按钮。最后，需要确保代码的健壮性，例如检查组件是否存在，避免空引用异常。同时，处理可能的多次循环导致的状态冲突，确保逻辑正确。总结修改步骤： 1. 分离菜单项的添加和按钮禁用逻辑。 2. 遍历recs时添加所有菜单项，无论is_out的值。 3. 在遍历结束后，检查是否存在is_out为false的rec，如果存在，则禁用所有按钮并启用历史日志按钮。 4. 修正按钮启用时的代码错误，正确获取历史日志按钮并设置其为启用状态。 5. 确保代码只执行一次禁用和启用操作，避免重复操作。现在，根据这些思考，我需要编写正确的代码，并解释修改的原因，同时生成相关问题。</think>在原有逻辑基础上优化后的代码如下（修正语法错误并分离逻辑）： ```javascript beforerender: function(cmp) { var bar2 = cmp.down('#PurchaseBar'); var btnPrint = bar2.down('#BTN_PRINT'); var menu_lock = bar2.down('#menu_lock'); var recs = erp.Util.setMenuFunc(btnPrint, cmp.modId, cmp); var hasFalseOut = false; // 标记位记录是否存在is_out=false的记录 // 菜单构建阶段 Ext.each(recs, function(rec) { menu_lock.add({ iconCls: '', text: rec.name, record: rec, disabled: rec.is_out === "true" // 当is_out为true时禁用菜单项 }); if (rec.is_out === "false") { hasFalseOut = true; // 记录存在需要锁定的场景 } }); // 工具栏按钮状态控制阶段 if (hasFalseOut) { bar2.items.each(function(item) { item.setDisabled(true); // 禁用所有按钮 }); // 单独启用历史日志按钮（需确认itemId是否为'BTN_PRINT'） if (btnPrint) { btnPrint.setDisabled(false); } } } ``` ### 修改要点说明： 1. **逻辑分离**：将菜单构建与按钮状态控制分为两个独立阶段，避免在循环中频繁操作DOM 2. **标记位机制**：使用`hasFalseOut`变量代替循环内直接操作，确保按钮状态只更新一次 3. **语法修正**： - 修复`bar2.items.itemId == 'logList'`的错误写法（原生ExtJS中应通过down()或itemId属性查找） - 修正`btnPrint`的引用使用 4. **状态控制优化**： - 菜单项通过`disabled`属性直接控制 - 工具栏按钮使用统一的`setDisabled(true)`方法批量操作 ### 注意事项： - 需要确认历史日志按钮的itemId是否为`BTN_PRINT`（建议通过浏览器元素检查确认） - 若存在多个`is_out == false`记录，标记位仍保持单次有效 - 该逻辑应在菜单完全构建完成后执行，确保UI状态同步 ### 相关问题： 1. ExtJS中如何批量操作工具栏按钮的禁用状态？ 2. 菜单项与工具栏按钮的状态控制为何需要分离处理？ 3. 如何通过itemId正确获取ExtJS组件？ 4. 标记位机制在前端状态管理中的典型应用场景？ 5. 当`erp.Util.setMenuFunc`返回数据异常时如何处理？