Ext 구현 드롭다운 질의 Combox(Local)
1671 단어 ext
/**
*
*
* @type
*/
var makes = [['Acura'], ['Aston Martin'], ['Audi'], ['BMW'], ['Buick'],
['Cadillac'], ['Chevrolet'], ['Chrysler'], ['Dodge'], ['Ferrari'],
['Ford'], ['GMC'], ['Honda'], ['HUMMER'], ['Hyundai'], ['Infiniti'],
['Isuzu'], ['Jaguar']]
/**
* store
*/
var makesStore = new Ext.data.SimpleStore({
fields : ['name'],
data : makes
});
/**
* combox
*
*/
var makesCombo = {
xtype : 'combo',
store : makesStore,
displayField : 'name',
valueField : 'name',
editable : true,
mode : 'local',
forceSelection : true,
triggerAction : 'all',
filedLabel : ' ',
emptyText : ' ',
selectOnFocus : true
};
/**
* combox
*/
Ext.onReady(function() {
var showcombo = new Ext.Panel({
frame : true,
title : ' ',
bodyStyle : 'padding:5px',
width : 420,
id : 'comb',
url : '...',//
items : [makesCombo],
buttons : [{
text : ' ',
handler : function() {
Ext.getCmp('comb').getForm().submit;
}
}]
});
// body
showcombo.render(document.body);
})
효과도는 첨부를 보십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS 3.2 학습 노트(3) 사용자 정의 이벤트Extjs에서 모든 상속은 Ext.util에서 합니다.Observable 클래스의 컨트롤은 이벤트를 지원할 수 있습니다. 클래스에 대해 이벤트를 사용자 정의하려면 다음 절차를 따르십시오. 1, 먼저 클래스를 정의합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.