본문 바로가기
Dev/ExtJS

[ExtJS] ID / 속성값 으로 검색하여 FORM 찾기

by 코딩삐약 2024. 3. 22.
Ext.application({
    name : 'BasicFormExt' , 
    launch : function(){


        var textName = Ext.create('Ext.form.TextField' , {
            id 			: 'text_name' , 
            name 		: 'name' 	  , 
            fieldLabel 	: '이름' 		  , 
            value       : '감자'		  , 
            allowBlank 	: false 
        }); 

        var mainPanel = Ext.create('Ext.form.Panel' , {
            title : 'Personal Info' , 
            width : 300 , 
            bodyPadding : 10 , 
            renderTo : Ext.getBody() , 
            items : [
                textName 
            ] , 
        }) ; 


        // 1. 속성 값 검색 
        var text_name = Ext.ComponentQuery.query('[value="감자"]'); 
        console.log( text_name[0].fieldLabel ) ; // 출력 값 이름 

        // 2. ID 검색 
        var text_name = Ext.ComponentQuery.query('#text_name'); 
        console.log( text_name[0].fieldLabel ) ; // 출력 값 이름 

        // 3. 옵션 검색
        var text_name = Ext.ComponentQuery.query('textfield[allowBlank="false"]'); 
        console.log( text_name[0].fieldLabel ) ; // 출력 값 이름 

    }
});