对话框dialog 
<!DOCTYPE html>
<html>
<head>
<title>jQuery Easy UI</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js" ></script>
<link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/icon.css" />
<script type="text/javascript">
    $(function(){
        $("#box1").dialog({
            title : "标题1",
            resizable : true,
            modal : true,
            width : 200,
            height : 300,
            toolbar : [{
                text : "编辑",
                iconCls :"icon-edit",
                handler : function(){
                    alert("编辑");
                }
            }],
            buttons : '#bb',
            /*buttons : [{
                text : '保存',
                iconCls :"icon-ok",
                handler : function(){
                    alert("保存");
                }
            }],*/

        });
        //返回
        console.log($("#box1").dialog("dialog"));
    });
</script>
</head>
<body>
<!--
扩展自window组件
-->

<div id="box1">dsd</div>

</body>
</html>

 

 posted on 2017-03-04 18:46  夏末秋萍  阅读(131)  评论(0)  编辑  收藏  举报