Easyui入门学习知识
发布日期:2021-05-04 01:05:50
浏览次数:24
分类:技术文章
本文共 1190 字,大约阅读时间需要 3 分钟。
第一步:什么是easyui(容易)
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
学习目地:
- 掌握前端框架的相关概念
- 理解什么是组件
- 学习API文档的查看(重点)
- jquery的深入学习
第二步:在项目中添加easyui支持
需要下载一个:jquery-easyui-1.5.1.zip压缩文件.
内容:
第三步:导入需要的文档和包
1. 导入jquery
2. 导入easyui
3. 导入easyui所需要的css
在WebContent下面创建一个common - - > heab.jsp:下面是源代码方便与每个页面不要每次导入
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><% String ctx=request.getContextPath();request.setAttribute("ctx", ctx);%>
4. 创建easyui组件
4.1:直接通过html标签创建(定义easyui属性)data-*:H5之后一个新属性,用来给程序员添加自定义属性的,data-yf="name:zs,age:20" 4.2:JS创建 :jquery.min.js min:js原代码压缩,空格、回车、换行,studentName-->s_,下载js压缩工具
第四步:开始easyui的布局
1.第一种:panel(面板)
2.第二种:tabs(选项卡) 3.第三种:accordion(分类) 4.第四种:layout(布局)---- 布局属性
---- 面板属性
---- 分类属性
---- 选项卡属性
第五步:树形表格
TreeGrid(树形表格)
扩展自 . f n . d a t a g r i d . d e f a u l t s 。 使 用 .fn.datagrid.defaults。使用 .fn.datagrid.defaults。使用.fn.treegrid.defaults重写默认值对象。树形表格用于显示分层数据表格。它是基于数据表格、组合树控件和可编辑表格。树形表格允许用户创建可定制的、异步展开行和显示在多列上的分层数据。
-
tree:
根节点 父节点/子节点 枝节点/叶节点< iframe scrolling="no" frameborder="0" src="" width="99%" height="99%">< /iframe >
转载地址:https://blog.csdn.net/weixin_45067120/article/details/104429237 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
网站不错 人气很旺了 加油
[***.192.178.218]2024年03月24日 17时48分29秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
linux系统输入指令,Linux系统基础 - 基本操作命令
2019-04-21
linux设备管理命令,Linux命令(设备管理).doc
2019-04-21
linux 中文utf-8转gbk编码,Linux平台下 GBK编码转UTF-8编码
2019-04-21
linux安装软件在boot,在Linux系统上安装Spring boot应用的教程详解
2019-04-21
取消linux自动登录,linuxdeepin 如何取消自动登录啊?
2019-04-21
linux线程存储,Linux系统编程手册:线程:线程安全和每线程存储
2019-04-21
linux批处理模式,巧用linux-top的批处理模式
2019-04-21
linux信号量机制例题,第二章 信号量机制及几个经典例题
2019-04-21
linux ba 模拟,在你的 Python 游戏中模拟引力 | Linux 中国
2019-04-21
c语言表达式3649的值是,535个C语言经典实例目录.doc
2019-04-21
c语言中malloc数组,如何在C中对malloc()数组进行一行赋值?
2019-04-21
c语言调存储过程,写留言板–调用存储过程出问题
2019-04-21
c语言编程max,C语言编程题及答案.doc
2019-04-21
android增删改查布局,Android之父_增删改查
2019-04-21