EasyUI Dialog控件

最新推荐文章于 2024-03-18 21:28:52 发布

lsh6688

最新推荐文章于 2024-03-18 21:28:52 发布

阅读量3.7k

点赞数

本文链接：https://blog.csdn.net/lsh6688/article/details/8870334

版权

代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Dialog</title>
    
    <script src="../jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../jquery.easyui.min.js" type="text/javascript"></script>

    <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../themes/icon.css" rel="stylesheet" type="text/css" />
    
    <script>
        $(function(){
            $('#dd').dialog({
                toolbar:[{
                    text:'添加',
                    iconCls:'icon-add',
                    handler:function(){
                    alert('添加数据')
                    }
                },'-',{
                    text:'保存',
                    iconCls:'icon-save',
                    handler:function(){
                        alert('保存数据')
                    }
                }],
                buttons:[{
                    text:'提交',
                    iconCls:'icon-ok',
                    handler:function(){
                    alert('提交数据');
                    }
                },{
                    text:'取消',
                    handler:function(){
                    $('#dd').dialog('取消');
                    }
                }]
            });
        });
        
    </script>
</head>
<body>
    <div id="dd" style="padding:5px;width:400px;height:200px;">
        <p>jQuery EasyUI---Dialog</p>
    </div>
</body>
</html>

效果