在HTML和extjs之间重现值和传递值View

时间:2015-08-31 06:04:42

标签: javascript dom extjs

有没有办法在HTML和extjs View之间重新获取值和传递值?

一个例子 在html中

<input id="text" type="text" value="book" style="width:80%" /><br />

在视图中

var win = Ext.create('Ext.window.Window', {
     items: {
     // created a windows but need some codes to call html by passing values, and after which retrieve data from html and getting values  
     id: text; 
     } 
}

流程是我想将输入值从book更改为newbook。然后视图将获取代码并再次向html返回一些值。这可能吗?提前谢谢!

1 个答案:

答案 0 :(得分:0)

确定可能。您可以查看Ext.select,这是Ext.dom.Element.select的简写。该选择器会创建一个composite element,您可以从中获取数据等。

var els = Ext.select("#some-el div.some-class", true);
// or select directly from an existing element
var el = Ext.get('some-el');
el.select('div.some-class', true);

els.setWidth(100); // all elements become 100 width
els.hide(true); // all elements fade out and hide
// or
els.setWidth(100).hide(true);

在你的情况下,这意味着你可以使用:
var els = Ext.select("#text", true);

如果要更改视图中项目的text property,可以使用Ext.ComponentQuery。类似的东西:
Ext.ComponentQuery.query('#text')[0].setText('new value');