EasyUI笔记

从官网上面下载的EasyUI文件结构比较臃肿，下面将其精简了一下，方便学习，点击这里下载。

window

　　dialog

EasyUI笔记

时间： 2024-11-29 10:24:51

EasyUI笔记的相关文章

EasyUI笔记（六）数据表格

前言用asp.net结合easyui做个一个数据网格的页面,包括对数据的增删改查,界面如下:  一.UI界面 先写UI界面,代码如下,记得引入相关js和css文件 <body> <table id="tb1"></table> <div id="tb" style="padding:5px"> <div style="margin-bottom:5px"> <a

EasyUI笔记（一）Base基础

总结: 1)每个UI都是通过属性.事件和方法运作的 2)用JS加载时只需传入一个参数(用大括号{}包围),包含若干个键值对,之间用逗号隔开: 3)事件也是写在JS加载时的方法中,也是键值对形式,值是匿名函数: 4)方法写在JS加载后或事件中,用于获取或设置对象属性. 5)加载UI组件的2种方法:1.使用class方式加载:2.使用js调用加载 用JS加载,要记得加上这几个文件,少了css文件就无法渲染出效果来哦. <link rel="stylesheet" type="

EasyUI笔记（一）Layout布局

Panel(面板) 1. 通过标签创建面板 <div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" data-options="iconCls:'icon-save',closable:true, collapsible:true,min

easyUI笔记09.01

layout的布局可以自适应 <body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:

EasyUI笔记（五）表单

本系列只列出一些常用的属性.事件或方法,具体完整知识请查看API文档 Form(表单) 创建一个简单的HTML表单.构建一个包含id.action和method值的表单元素. <form id="ff" method="post"> <div> <label for="name">Name:</label> <input class="easyui-validatebox"

EasyUI笔记（三）Window窗口

Window(窗口) 窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口.默认情况下,窗口可以移动,调整大小和关闭.它的内容也可以被定义为静态html或要么通过ajax动态加载. 1. 通过标签窗口窗口. <div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px" data-options="ic

easyui学习笔记1—增删改操作【转载】

最近公司要用easyui,这里自己看了官网几篇文章,遇到些问题,大多数的问题都是敲代码的时候笔误,其他有些地方确实需要注意一下,这里做些笔记. 1.在mysql中建好表之后修改id字段为递增字段,发现这个奇怪的mysql语法,如下 alter table student change id id int auto_increment; 这句是在student表已经建好的情况下来修改字段id为自增列,奇怪的是为嘛change id id,并且后面还要带上id的类型int? 2.html5标记 如何

easyui学习笔记2—在行内进行表格的增删改操作【转载】

第一篇笔记中记录了如何实现表格的增删改,那个是点击之后跳出来一个对话框然后进行的,这里是在表格本身上进行的操作,也很简单,但是这里发现一个版本问题,也可以说是兼容性问题. 1.首先我们看引用的js和css代码 <link rel="stylesheet" href="jquery-easyui-1.3.5/themes/default/easyui.css" /> <link rel="stylesheet" href=&quo

EasyUI学习笔记之panel

<easyUI panel 属性:> <!--引入easyUI panel 组件 设置宽,高,定义标题(默认在左上角),设置图标iconCls:'icon-ok',引入工具tools:'#tt'--> <id="tt",这个标签内的内容被当做tool属性的值,做了添加和编辑的JS操作事件> <div class="easyui-panel" style="width:300px;height:200px"