EasyUI--弹窗

最新推荐文章于 2020-12-24 12:09:28 发布

BtWangZhi

最新推荐文章于 2020-12-24 12:09:28 发布

阅读量1.6k

点赞数

分类专栏： HTML&&CSS 文章标签： easyui javascript

本文链接：https://blog.csdn.net/BtWangZhi/article/details/76408625

版权

HTML&&CSS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1 EasyUI通过两种方法创建弹窗，一种是通过标签的形式，一种是通过JS动态的添加到其中，具体如下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery-easyui-1.5.2/jquery.min.js"></script>
    <script src="../jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
    <script src="../jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="../jquery-easyui-1.5.2/themes/default/easyui.css">
    <link rel="stylesheet" href="../jquery-easyui-1.5.2/themes/icon.css">
    <script type="text/javascript" charset="utf-8">
        $(function(){
            $("#dd").dialog({
                title:"dialog",
                width:200,
                height:200,
                modal:true
            });
        });

        $(function () {
            $('#cc').combobox({
                    required: true,
                    valueField: 'id',
                    textField: 'text'
            });
        });
    </script>
</head>
<body>
<!--弹窗，方法一:不需要JS，会自动弹出-->
<!--<div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true">
    Dialog Content.
</div>-->
<!--弹窗，方法二：通过JS-，对应上面中的第一个JS方法-->
<!--<div id="dd">Dialog Content.</div>-->
<!--通过JS添加标签详细信息，对应上面中的第二个JS方法->
<input id="cc" style="width:200px" />
</body>
</html>

BtWangZhi

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
EasyUI--弹窗

1 EasyUI通过两种方法创建弹窗，一种是通过标签的形式，一种是通过JS动态的添加到其中，具体如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-easyui-1.5.2/jquery.min.js"></s
复制链接

扫一扫