EasyUI 创建对话框

资料来源：网络整理时间：2023/2/14 0:03:10 共计：3642 浏览

对话框是特殊的窗口，它能包括上面的工具栏和下面的按钮。默认对话框不能改变大小，但是用户可以设置resizeable属性为true来使它可以被改变大小：

对话框非常简单，可以使用DIV标记创建：

<div id="dd" style="padding:5px;width:400px;height:200px;">

    Dialog Content.

</div>

$('#dd').dialog({

    title:'My Dialog',

    iconCls:'icon-ok',

    toolbar:[{

        text:'Add',

        iconCls:'icon-add',

        handler:function(){

            alert('add')

        }

    },'-',{

        text:'Save',

        iconCls:'icon-save',

        handler:function(){

            alert('save')

        }

    }],

    buttons:[{

        text:'Ok',

        iconCls:'icon-ok',

        handler:function(){

            alert('ok');

        }

    },{

        text:'Cancel',

        handler:function(){

            $('#dd').dialog('close');

        }

    }]

});

上面的代码创一个有工具栏和按钮的对话框。这是对话框、工具栏、内容和按钮的标准设置。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：asp.net(c#)网页跳转七种方法 | ·下一条：EasyUI Window和Layout