码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUi中对话框。

时间:2017-09-23 19:10:26      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:效果   效果图   css   asc   icon   serve   href   cancel   cti   

html页面代码:

<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="EasyUI/themes/default/easyui.css" rel="stylesheet" />
<link href="EasyUI/themes/icon.css" rel="stylesheet" />
<link href="css/admin.css" rel="stylesheet" />
<script src="EasyUI/jquery.min.js"></script>
<script src="EasyUI/jquery.easyui.min.js"></script>
<script src="EasyUI/locale/easyui-lang-zh_CN.js"></script>
</head>



<div style="padding: 5px; margin-left: 100px;">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">清除</a>
</div>


   
 <div id="dlg" class="easyui-dialog" title="提示..." style="width: 250px; height: 120px; padding: 10px"
        data-options="
                iconCls: ‘icon-save‘,
                buttons: [{
                    text:‘Ok‘,
                    iconCls:‘icon-ok‘,
                    handler:function(){
                        alert(‘ok‘);
                    }
                },{
                    text:‘Cancel‘,
                    handler:function(){
                        alert(‘cancel‘);;
                    }
                }]
            ">
        确认提交吗?
    </div>

 

JS:

 <script>
        $(function () {
            $(#dlg).dialog(close)
        })
        function submitForm() {
            $(#dlg).dialog(open)
            //$(‘#ff‘).form(‘submit‘);
        }
        function clearForm() {
            $(#ff).form(clear);
        }
    </script>

 效果图:

技术分享

 

EasyUi中对话框。

标签:效果   效果图   css   asc   icon   serve   href   cancel   cti   

原文地址:http://www.cnblogs.com/longdb/p/7581656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!