dojo 작은 예(36) Resizable Dialog widget 배율 조정 가능 대화 상자
define([
"dojo/_base/declare",
"dijit/_WidgetBase",
"dijit/_TemplatedMixin",
"dijit/_WidgetsInTemplateMixin",
"dojox/layout/ResizeHandle",
"dojox/widget/DialogSimple"
],function(declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, ResizeHandle, DialogSimple){
return declare([DialogSimple], {
templateString: '<div class="dijitDialog" role="dialog" aria-labelledby="${id}_title"> <div data-dojo-attach-point="titleBar" class="dijitDialogTitleBar"> <span data-dojo-attach-point="titleNode" class="dijitDialogTitle" id="${id}_title" role="heading" level="1"></span> <span data-dojo-attach-point="closeButtonNode" class="dijitDialogCloseIcon" data-dojo-attach-event="ondijitclick: onCancel" title="${buttonCancel}" role="button" tabindex="-1"> <span data-dojo-attach-point="closeText" class="closeText" title="${buttonCancel}">x</span> </span> </div> <div data-dojo-attach-point="containerNode" class="dijitDialogPaneContent"></div> <span dojoAttachPoint="resizeHandle" class="dojoxFloatingResizeHandle"></span></div>',
resizable: false,
resizeAxis: "xy",
postCreate: function(){
this.inherited(arguments);
if(!this.resizable){
this.resizeHandle.style.display = "none";
}
},
startup: function(){
this.inherited(arguments);
if (this.resizable) {
this.containerNode.style.overflow = "auto";
this._resizeHandle = new ResizeHandle({
targetId: this.id,
resizeAxis: this.resizeAxis
},this.resizeHandle);
}
},
hide: function() {
this.onHide();
this.inherited(arguments);
},
onHide: function () {
}
});
});
<div data-dojo-type="my/ResizableDialog" id="selectDlg" data-dojo-props="title:' ', resizable:true, href:'mot/selectDlg.html'"></div>
<button type="button" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitIconSearch'" onclick="dijit.byId('selectDlg').show();"> </button>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Dialog pops up in ApplicationIn the daily development process, it is often necessary to control some information on a global scale. For example, netw...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.