`

easyui系列2

 
阅读更多

2.jquery easyui组件

 

2.1 怎样使用jquery easyui

       导入jquery,基于他。然后导入jquery easyui 。导入时注意顺序,都是压缩过的。不需要看源码。

       导入样式,很多css。导入easyui.css 即可,拖进来即可

       小图标:自己写一个 themes/icon使用

        国际化:easyui语言包

        编码统一:tomcat,eclipse,页面,mysql,jquery utf8编码

        

dialogo:示例,使用纯html样式,还可以使用div 用jquery找到使用dialog,任何地方utf-8,不会乱码

class: easyui-dialog 将div变成样式,没有经过js,就可以div转成parser的。怎么去用。没写class不可以。

属性就是文档的属性:可以在jquery变化。没有经过parser之后的。有debug调试工具。变成样式需要的div了。

通过class渲染

通过id找

$(function(){

//所有dom都完成之后使用,和onload区别是在图片都结束才加载。不再body写onload事件

console.info($("#dd"));

//用console不用alert

显示模式化:继承于window,window也没有模式化。panel没有。定义一个默认的模式,默认是true。

模式底下不能选到。

 

});

easyuiloader.js:加载国际化功能,更换主题,更换目录,同时加载上依赖的组件。

easyload:最后调用了parser最后

跟后台交互的用js创建

自定义图标,修改标题

折叠按钮

触发某个事件显示

onclick=""

 

http://www.jeasyuicn.com/?sort=1

 http://www.tuicool.com/articles/bq6zayR

 http://www.cnblogs.com/tylerdonet/p/3521760.html

分享到:
评论

相关推荐

    easyUI系列图标大全

    标题“easyUI系列图标大全”暗示了这是一个针对EasyUI框架的扩展图标资源包。这些图标可能包含了多种类型和风格,旨在为开发者提供更多的选择,以适应各种项目需求。描述中提到,由于EasyUI自带的图标有限且不够美观...

    easyUI系列图标大全.7z

    这个"easyUI系列图标大全.7z"压缩包就是为了补充和扩展EasyUI的图标库。它包含了大量自定义图标,旨在为开发者提供更多的选择,以适应各种设计风格和应用场景。这些图标可能包括通用的操作图标(如添加、删除、编辑...

    一头扎进EasyUI系列视频教程(40集)

    教程名称:一头扎进EasyUI系列视频教程(40集)课程目录:【】[一头扎进EasyUI]第1讲-panel组件【】[一头扎进EasyUI]第2讲-messager组件【】[一头扎进EasyUI]第3讲-datebox组件【】[一头扎进EasyUI]第4讲-...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    2. **jQuery 基础**:EasyUI 构建于 jQuery 之上,因此熟悉 jQuery 的基本操作是使用 EasyUI 的前提。jQuery 提供了便捷的 DOM 操作、事件处理和动画效果,使得开发者可以更加专注于业务逻辑而不是底层的浏览器兼容...

    easyui官方离线文档

    2. **基本设置**:了解如何在HTML中引入EasyUI的CSS和JS文件,以及如何通过CSS类来应用样式,是使用EasyUI的第一步。文档会详细解释这些基础配置。 3. **组件属性和方法**:每个组件都有一系列可配置的属性,如宽度...

    jquery-easyui-themes.rar_easyui 主题_easyui主题_html_jquery_jquery-e

    2. **ui系列**:ui系列的主题更注重质感和细节,适合追求优雅界面的项目。ui-cupertino主题借鉴了苹果的设计理念,简洁且高雅;ui-pepper-grinder主题则有磨砂质感,展现出一种沉稳的美感;ui-sunny以其明亮的色调,...

    最强的easyUI API

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件,如对话框、表单、树形菜单、分页等,极大地简化了网页界面的开发工作。"最强的easyUI API"显然指的是一个详尽且全面的EasyUI文档,这份文档可能包含了...

    五套easyUI模板

    1. **EasyUI绿色后台管理系统**:这套模板通常包含了一系列常见的后台管理页面元素,如仪表盘、用户管理、角色权限分配、数据统计图表等。EasyUI的绿色主题给人以清新、专业的感觉,有助于提升用户体验。利用其组件...

    easyui视频教程(8)

    2. **组件使用**:EasyUI提供了一系列组件,如数据网格(datagrid)、下拉框(combobox)、对话框(dialog)等。教程可能会详细介绍这些组件的基本用法,包括如何初始化、配置属性、绑定数据等。 3. **数据绑定**:...

    easyui_stepbnd_easyui_源码

    在【压缩包子文件的文件名称列表】中,只有一个"easyui",这可能包含了一系列与EasyUI相关的文件,如CSS样式文件、JavaScript脚本、图像资源、示例页面等。通常,一个完整的EasyUI项目会包含以下部分: 1. `css`目录...

    最新EasyUI扁平化

    2. **组件使用**:熟悉各个组件的基本用法,如`<div class="easyui-panel">`创建面板,`<select class="easyui-combobox">`创建下拉框等,结合jQuery选择器和方法,可以实现动态操作。 3. **主题定制**:EasyUI提供...

    easyUI时间控件使用

    EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列丰富的组件,帮助开发者快速构建用户界面。时间控件是EasyUI中的一个重要组成部分,常用于输入和显示时间,对于数据录入和展示具有很高的实用价值。 ##...

    EasyUI 多层导航框架

    EasyUI提供了一系列组件,包括布局、表格、对话框、菜单、按钮、表单等,而多层导航框架则是其在实际项目中的一个应用实例,用于创建层次分明、操作便捷的页面导航。 在描述中提到,这个框架实现了多导航功能,这...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    EasyUI登录页面.zip

    EasyUI框架主要基于jQuery,它提供了一系列预先设计的CSS样式和JavaScript组件,使得开发者能够快速构建出美观且功能丰富的用户界面。 在这个登录页面中,我们能看到EasyUI的几个关键知识点: 1. **图标(Icon)**...

    easyui视频教程(16)

    "easyui 视频教程(16)"显然是一系列教程中的第16部分,专门针对初学者设计,旨在帮助他们迅速掌握 EasyUI 的基础知识和实际应用技巧。 在这个教程中,你可能会学习到以下关键知识点: 1. **基础概念**:首先,你会...

    jquery-easyui.zip_easyui框架_html 框架_jquery-easyui

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它为开发者提供了一系列的组件和插件,使得构建交互式用户界面变得更加便捷。这个压缩包“jquery-easyui.zip”包含了使用 EasyUI 实现的一个HTML框架,它主要用于简化...

    Spring Boot 系列教程 EasyUI-datagrid

    **Spring Boot 系列教程 EasyUI-datagrid** 在IT领域,Spring Boot是一个极其流行的Java框架,它简化了基于Spring的应用程序开发,通过自动配置和起步依赖使得开发者可以快速上手。EasyUI则是一个轻量级的前端框架...

    easyui视频教程(6)

    "easyui 视频教程(6)"显然是针对初学者设计的一系列教学资源,旨在引导学习者快速掌握 EasyUI 的核心概念和使用方法。 在这个第六部分的教程中,我们可以预期会涵盖以下关键知识点: 1. **EasyUI 组件的基本使用**...

    EasyUI 完整源代码 1.5.0

    1. **jQuery EasyUI**:EasyUI 建立在jQuery之上,它提供了一系列预先设计好的UI组件,如表格、对话框、菜单、树形结构等,使得开发者可以快速构建交互式的用户界面。在本压缩包中,`jquery.easyui.all.js` 包含了...

Global site tag (gtag.js) - Google Analytics