2015-08-31 49 views
0

有什麼方法可以在HTML和extjs View之間重新獲取值並傳遞值?Retriving values並在HTML和extjs之間傳遞值查看

一個例子 在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; 
    } 
} 

流程是,我想改變書中的輸入值newbook。然後視圖將獲得代碼並將一些值返回給html。這可能嗎?提前致謝!

+0

創建[小提琴](https://fiddle.sencha.com/)。你也可以使用本地JS getElementById – aviram83

回答

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');

+0

謝謝,但我無法使它的工作,因爲ID是'文本',它沒有一個div類.. @ Tarabass – Developps

+0

這是一個簡單的CSS選擇器,你會用在CSS中。編輯答案.. – Tarabass

+0

是的,我也使用相同的代碼,但編輯'文本'中的值時沒有任何反應..'var win = Ext.create('Ext.window.Window',{ items:{ ID: '文字',FN:函數(){VAR EL = Ext.select( 「#文本」,真); //沒有任何反應 }} } '@Tarabass – Developps