当前位置 : 主页 > 网页制作 > html >

EasyUI

来源:互联网 收集:自由互联 发布时间:2021-06-12
引入 所以我们需要引入4个文件,在EasyUI官网中随便找一个文件就可以使用引入 组件的创建 创建的两种方式 ! DOCTYPE html html head meta charset ="utf-8" / title / title link rel ="stylesheet" type ="text

引入

分享图片

 

 所以我们需要引入4个文件,在EasyUI官网中随便找一个文件就可以使用引入

组件的创建

创建的两种方式

分享图片
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
        <link rel="stylesheet" type="text/css" href="easyui/themes/color.css">
        <script type="text/javascript" src="easyui/jquery.min.js"></script>
        <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
        <script src="easyui/locale/easyui-lang-zh_CN.js"></script>
        <script>
            $(function(){
                //通过JS创建
                $("#btn").linkbutton({
                    "iconCls":icon-search,
                    text:js按钮
                });
            })
        </script>
    </head>
    <body>
        <a id="btn"></a>
        <!--通过class创建-->
        <a id="btn2" href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-search‘">easyui</a>  
    </body>
</html>
View Code

 

LinkButton

Panel

组件三要素

tree

网友评论