extjs 如何通过类或标记选择器为多个元素设置值

6mzjoqzu 于 2023-11-18 发布在其他

关注(0)|答案(2)|浏览(190)

在JQuery中，我可以使用class或tag选择器一次为input多个元素设置一个值：

<form action="" id="mainForm">
    <input type="text" name="Phone" class="deftext" value="" > 
    <input type="text" name="Number" class="deftext" value="" >
    <input type="text" name="Name" class="deftext" value="" > 
    <input type="text" name="Lastname" class="deftext" value="" >
    <input type="text" name="Middlename" class="deftext" value="" > 
    <input type="text" name="Age" class="deftext" value="" >
    <input type="text" name="Email" class="deftext" value="" > 
    <input type="text" name="Occupation" class="deftext" value="" >
</form>

个字符
我可以在ExtJS 4中做同样的事情，将下面的代码修改为单行吗？

Ext.getCmp('mainForm').down('[name=Phone]').setValue('');
Ext.getCmp('mainForm').down('[name=Number]').setValue('');
Ext.getCmp('mainForm').down('[name=Name]').setValue('');
....

型

extjs

来源：https://stackoverflow.com/questions/35204441/how-to-set-value-to-multiple-elements-by-class-or-tag-selectors

2条答案

按热度按时间

lnxxn5zx1#

你的JQuery代码不是真正可读的，因为当你查看函数时，你看不到有多个字段受到影响。这就是为什么ExtJS不支持这样的语法。你可以使用

Ext.getCmp('mainForm').down('[name=Phone]').setValue('');
Ext.getCmp('mainForm').down('[name=Number]').setValue('');

字符串
或者使用

Ext.getCmp('mainForm').getForm().setValues({
    Phone: '',
    Number: ''
});

型
与您的JQuery示例不同，这两个类都是可读的，因为我不必知道哪些类应用于哪些字段。
如果要将所有字段重置为上次form.loadRecord操作期间设置的值，或者如果未执行form.loadRecord操作则重置为初始值，请使用form.reset：

Ext.getCmp('mainForm').getForm().reset();

型

展开查看全部

赞(0）回复(0）举报 2023-11-18

ghhaqwfi2#

好吧，如果子组件有共同点（例如xtype），您可以这样做

Ext.getCmp('mainForm').query('textfield').each(function(component){component.setValue('')});

字符串
但是不能，你不能在组件数组上使用组件方法。

赞(0）回复(0）举报 2023-11-18

我来回答

extjs 如何通过类或标记选择器为多个元素设置值

2条答案

相关问题

热门标签

最新问答