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

Dialog(对话框窗口)

时间:2018-04-14 14:00:59      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:info   加载   dial   min   不可   func   back   样式   ima   

创建dialog方式

一:

<div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;">   
    Dialog Content.    
</div>

这里为什么加了class="easyui-dialog"就会出现想要的效果,不加就是一个div,因为除了css样式的缘故,主要是parser解析器的原因

二:

<script type="text/javascript">
    $(function(){
        $(#dd).dialog();
    })
</script>
<div id="dd" title="My Dialog" style="width:400px;height:200px;">   
    Dialog Content.    
</div> 

效果图:

技术分享图片

加入模式化属性:使背景不可选中

$(function(){
    $(‘#dd‘).dialog({
        modal : true
    });
})

技术分享图片

三:使用easyloader方式加载(个人觉得不推荐)

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-easyui-1.2.6/easyloader.js" ></script> <script type="text/javascript"> $(function(){ easyloader.load(dialog,function(){ $(#dd).dialog({ modal : true }); }); }); </script>

 

Dialog(对话框窗口)

标签:info   加载   dial   min   不可   func   back   样式   ima   

原文地址:https://www.cnblogs.com/wangfd/p/8830880.html

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