Sencha 팝업 호출

2024. 9. 1. 15:14Javascript/Sencha

var popupWindow = Ext.create('Ext.window.Window', {
	title: 'Setting Window',
	height: 500,
	width: 500,
	modal: true,
	layout: 'fit',
	items: [
		{
			xtype: 'form',
			bodyPadding: 10,
			items: [
				{
					xtype: 'textfield',
					fieldLabel: 'ID',
					name: 'id',
					allowBlank: false,
					readOnly: true
				}
			]
		}
	],
	buttons: [
		{
			text: 'Submit',
			handler: function() {
				var form = popupWindow.down('form').getForm();
				if(form.isValid()) {
					Ext.Msg.alert('Submitted', 'Form has been submitted!')
				};
			}
		},
		{
			text: 'Close',
			handler: function() {
				popupWindow.close();
			}
		}
	]
});

popupWindow.show();

'Javascript > Sencha' 카테고리의 다른 글

Sencha Ajax 호출  (0) 2024.09.01
Sencha requires  (0) 2024.09.01
Sencha panel에 click 이벤트 넣기  (0) 2024.08.31
Sencha 'xtype' 정의 및 호출  (0) 2024.08.31
Sencha app generate 실행시, 호출 순서  (0) 2024.08.31