0.0.7 • Published 9 months ago

@daracl/dialog v0.0.7

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

dialog

Simple dialog message

License: MIT npm version npm minzipped size

Browser Support

ChromeFirefoxSafariOperaEdgeInternet Explorer
Latest ✔Latest ✔Latest ✔Latest ✔Latest ✔ie 11 >

build

npm run build

사용방법

var dialogObj = Daracl.dialog.create({
    title: 'dialog', width: 500, height: 'auto', icon: "info", isModal: true, resizable: true, autoOpen: false, template: '<a href="https://varsql.com" target="_blank">링크 이동</a>', buttons: [
    {
        label: 'ok', styleClass: "info", callback: function (e) {
            alert('ok')
        }
    }
    , {
        label: 'Cancel', callback: function (e) {
            dialogObj.hide();
        }
    }
    ], afterOpen: function () {
        console.log('after open')
    }
});

dialog 옵션

key설명기본값옵션값
width넓이400
height높이300
styleClasscss class
isModal모달 사용여부false
iconiconprimary, secondary, info, success, warning, danger
autoOpen자동 열기 여부true
draggabledrag 가능여부true
resizable창 리사이즈 여부false
enableHeader헤더 영역 보일지 여부true
enableFooter하단 버튼 영역 보일지 여부true
enableMaxButton최대화 버튼true
enableCloseButton닫기 버튼 활성화 여부true
minHeight최소 높이130
minWidth최소 넓이230
zIndexcss z-index10000
dragOverflowdarg 창 넘어서 drag 할지 여부true
buttonsdialog 하단 버튼[]
moveDelaydrag delay time15
afterOpen오픈후 발생할 이벤트false

dialog button 옵션

key설명기본값옵션값
label버튼명''
callback클릭시 callback
0.0.7

9 months ago

0.0.6

9 months ago

0.0.5

9 months ago

0.0.3

9 months ago

0.0.4

9 months ago

0.0.2

9 months ago

0.0.1

9 months ago