EasyUI简介
  TEZNKK3IfmPf 2023年11月14日 35 0
  • JQuery EasyUI 是一组基于 JQuery 的 UI 插件集合
  • JQuery EasyUI 的目标就是帮助 Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面
  • 开发者不需要编写复杂的 JavaScript,也不需要对 Css 样式有深入的了解,开发者只有需要了解一些简单的 HTML 标签
  • JQuery EasyUI 为我们提供了大多数 UI 控件的使用

第一个EasyUI程序

  • 使用IDEA创建 Web 工程请参考​
  • 引入 EasyUI 样式与核心库

EasyUI简介

 

  • 页面中引入

 

EasyUI简介

<link rel="stylesheet" type="text/css" href="https://www.ctyun.cn/portal/link.html?target=%24%7BpageContext.request.contextPath%7D%2Feasyui%2Fuimaker%2Feasyui.css">
<link rel="stylesheet" type="text/css" href="https://www.ctyun.cn/portal/link.html?target=%24%7BpageContext.request.contextPath%7D%2Feasyui%2Fuimaker%2Ficon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/easyui-lang-zh_CN.js"></script>
  • 两种不同形式的使用
  • 使用​​css​​样式
<a href="https://www.ctyun.cn/portal/link.html?target=%23" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">BNTang</a>
  • 使用​​js​​形式
<a href="https://www.ctyun.cn/portal/link.html?target=%23" id="btn">BNTang</a>

<script type="text/javascript">
    $(function () {
        $("#btn").linkbutton({
            "iconCls": "icon-search"
        });
    });
</script>
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

上一篇: RabbitMQ概述 下一篇: Lambda表达式(一)
  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2023年11月15日   33   0   0 jQuery
  TEZNKK3IfmPf   2023年11月15日   71   0   0 jQueryjs
  TEZNKK3IfmPf   2023年11月14日   31   0   0 jQuery表单
  TEZNKK3IfmPf   2024年03月22日   71   0   0 jQueryeasyui
  TEZNKK3IfmPf   2023年11月14日   79   0   0 jQuery
  TEZNKK3IfmPf   2024年03月29日   53   0   0 htmljQuery
  TEZNKK3IfmPf   2024年05月31日   33   0   0 jQuery选择器
TEZNKK3IfmPf