Demonstration
Introduces the basic use of ax5ui-dialog UI.

Confirm

Basic Usages

confirm UI is used to receive a selected by the user. The default user selection buttons defined in is "ok", "cancel".

<script type="text/javascript">
    $(document.body).ready(function () {
        var confirmDialog = new ax5.ui.dialog();
        confirmDialog.setConfig({
            title: "XXX",
            theme: "danger"
        });

        $('#confirm-open').click(function () {
            confirmDialog.confirm({
                title: "Confirm Title",
                msg: 'Confirm message'
            }, function(){
                if(this.key == "ok"){
                    alert('OK');
                }
                else if(this.key == "cancel"){
                    alert('CANCEL');
                }
            });
        });
    });
</script>

Custom Buttons

"Ok", in addition to "cancel", if you must receive the user's selection, you can define the button to btns.

<script type="text/javascript">
    $(document.body).ready(function () {
        var confirmDialog = new ax5.ui.dialog();
        confirmDialog.setConfig({
            title: "Confirm title",
            theme: "danger"
        });

        $('#confirm-open-btn-custom').click(function () {
            confirmDialog.confirm({
                msg: 'Confirm message',
                btns: {
                    del: {
                        label:'Delete', theme:'warning', onClick: function(key){
                            console.log(key, this);
                            confirmDialog.close();
                        }
                    },
                    cancel: {
                        label:'Cancel', onClick: function(key){
                            console.log(key, this);
                            confirmDialog.close();
                        }
                    },
                    other: {
                        label:'Other', onClick: function(key){
                            console.log(key, this);
                            confirmDialog.close();
                        }
                    }
                }
            }, function(){
                // The callBack function that defines the button will not be executed.
            });
        });
    });
</script>

AX5UI Package

'AX5UI' can be used with Bootstrap theme. The development of the distribution of the various UI plug-in. When you click the link to move to AX5UI index page.

Get AXBoot

AXBoot makes it easy to build web applications with Java & HTML5 Repeatable and noise development process are resolved by AXBoot.

Code licensed
MIT
Mantained by
Thomas Jang, Brant and Team AXISJ
Templete design by
Jorwrney Kim
Copyright
Opensource Group AXISJ - www.axisj.com
DNS
DNSEver