EasyUI系列学习(五)-Resizable(调整大小)

一.创建组件 1.使用标签创建可变大小的窗口 <div id="rBox" class="easyui-resizable" style="width: 200px; height: 100px; left: 100px; background:cyan"></div> 2.使用JavaScript创建可变大小的窗口 <div id="rBox" style="width: 200px;…

第一百九十五节，jQuery EasyUI，Resizable(调整大小)组件

jQuery EasyUI,Resizable(调整大小)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 Resizeable(调整大小)组件的使用方法,调整大小就是可以对元素可以拖着调整大小,这个组件不依赖于其他组件. 一．加载方式 //class 加载方式 <div id="rr" class="easyui-resizable" data-options="maxWidth:800,…

jQuery Easy UI Resizable(调整大小)组件

Resizable(调整大小)组件,easyui基础组件之中的一个.调整大小就是能够对元素能够拖着调整大小,这个组件不依赖于其它组件,使用比較简单,相关的属性.事件都在样例中介绍了. 演示样例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="tex…

EasyUI - Resizable 调整大小

效果: html代码: <div id="rr" style="width: 100px; height: 100px; border: 2px solid #ccc;"></div> JS代码: $(function () { $('#rr').resizable({ maxWidth: , maxHeight: }); })…

EasyUI系列学习(二)-使用EasyUI

一.引入必要文件  <script src="jquery-easyui-1.4.4/jquery.min.js"></script>  <script src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <!--3.0引入Easy…

Resizable(调整大小)组件

一．加载方式 //class 加载方式 <div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;border:1px solid #ccc;"> </div> //JS 加载调用 $('#box').resizable({ maxWidt…

EasyUI系列学习笔记（一）——注册

前面介绍过EasyUI是一个前段框架,开发之前需要导入底层包:我这里采用的是EasyUI 1.4版本~ 今天主要是搭建一个EasyUI的环境,同时做一个登陆页面... 环境搭建导入需要的文件到项目中,我这里只导入需要用到的一些文件: EasyUI 有两种方式创建一个表单,一种是通过HTML样式创建,另一种则是通过js来创建,这里推荐第二种js创建. 一则js创建实现了分离,而来避免不必要的验证,比如dom没加载完成,用户点击了按钮触发某些事件等... 首先采用第一种方式创建一个form表单(这…

EasyUI系列学习(十一)-Accordion(分类)

一.加载 1.class加载 <div class="easyui-accordion" style="width:300px;height:200px"> <div title="accordion1">accordion1</div> <div title="accordion2">accordion2</div> <div title="acco…

EasyUI系列学习(八)-ProgressBar(进度条)

一.创建组件 1.class加载 <div class="easyui-progressbar"></div> 2.js加载 <div id="pb"></div> <script> $(function () { $("#pb").progressbar(); }) </script> 二.属性 <div id="pb"></div&g…

EasyUI系列学习(六)-Tooltip（提示框）

一.创建组件 0.Tooltip不依赖其他组件 1.使用class加载 <a href="#" class="easyui-tooltip" title="这是一个提示信息">Hover me</a> 2.使用js加载 <a href="#" id="tBox" title="这是一个提示信息">Hover me</a> <scrip…

EasyUI系列学习(四)-Droppable(放置)

一.创建组件 1.使用标签创建一个放置区 <div id="pox" class="easyui-droppable" style="width: 200px; height: 100px; left: 100px; background:cyan"></div> 2.使用JavaScript创建一个放置区 <div id="pox" style="width: 200px; heigh…

EasyUI系列学习(三)-Draggable（拖动）

一.创建拖动组件 0.Draggable组件不依赖于其他组件 1.使用标签创建 <div class="easyui-draggable" id="box" style="width: 200px; height: 100px; left: 100px; background: orange">拖动组件</div> 2.使用js创建 <div id="box" style="width:…

EasyUI系列学习(一)-入门

1.什么是jQuery EasyUI jQueryEasyUI是一组基于jQuery的UI插件集合 2.jQueryEasyUI的特点可以通过html标记来定义用户界面:支持扩展,可根据最近的需求扩展控件 3.其他说明 jQueryEasyUI一般用于后台的UI,最新版不支持ie6,7,8 下载地址:http://www.jeasyui.com/download/list.php…

EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(五)

前言在编写代码的时候,我遇到了很多关于EntityFramework6的疑问,所以现在就提前把这些问题列出来做一下解答,以便在以后的代码编写过程中减少不必要的Bug. EntityFramework6的延迟加载(Lazy Loading)是怎么一回事? 首先EntityFramework6的延迟加载默认是被支持的,可以通过设置context.Configuration.LazyLoadingEnabled = false来禁止. 当启用延迟加载的时候,EntityFramework访问实体的相…

EasyUI系列学习(十)-Tabs(选项卡)

一.创建组件 <div class="easyui-tabs" style="width:500px;height:250px"> <div title="tab1">tab1</div> <div title="tab2">tab2</div> </div> 二.属性 1. <div id="tbs"> <div t…

EasyUI系列学习(九)-Panel(面板)

一.加载方式 1.class加载 <div class="easyui-panel" title="面板一" style="width:500px">内容一</div> 2.js加载 <div id="pl">内容二< <script> $(function () { $("#pl").panel({ width: 500, title: "面…

EasyUI系列学习(七)-Linkbutton(按钮)

一.加载组件 1.使用class加载 <a href="#" class="easyui-linkbutton">按钮</a> 2.使用js加载 <a href="#" id="btn"></a> <script> $(function () { $("#btn").linkbutton({ text: "按钮" }); })…

Java系列学习(五)-流程控制语句

1.顺序结构 1.if语句 (1)图例 (2)三种格式 A:格式1 B:格式2 C:格式3 2.swich语句图例: 格式: [注]input可以是byte,short,int,char:JDK5以后可以是枚举:JDK7以后可以是字符串: 3.循环语句图例: (1)for循环 (2)while循环图例: 用法: (3)do-while循环图例: 用法: (4)for和while的区别 A:使用上的区别 [for语句的那个控制条件变量,在循环结束后不能再使用,而while可以继续使用] B…

MVC系列学习(五)-传递数据与接收数据

1.控制器向视图传递数据 a.使用ViewData b.使用ViewBag c.使用Model 方式二: d.使用TempData 2.为什么在控制器中设置了一些属性,在视图中可以接受 3.Action接收Url中的数据 Action接收客户端请求的参数 a.根据配置信息来接收参数(路由配置信息) 注:如果View中不写任何视图文件,则默认加载与该控制器同名的视图 b.根据模型绑定(Model) 注:Redirect("/Home/Index")是跳转得到指定的 Home控制器下…

EasyUI中Base(基础)的基本用法

EasyUI中Base(基础)的用法一.Base(基础) 1.parser 解析器 2.easyloader 简单加载 3.draggable 拖动 4.droppable 放置 5.resizable 调整大小 6.pagination 分页 7.searchbox 搜索框 8.progressbar 进度条 9.tooltip 提示框步骤: 1.导入支持easyUI所需的文件使用easyUi里面的插件,先要引入easyUi.css.icon.css.jquery.easyui.min.…

第二百零三节，jQuery EasyUI，Window(窗口)组件

jQuery EasyUI,Window(窗口)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 Window(窗口)组件的使用方法,这个组件依赖于 Panel(面板)组件.resizable(调整大小)和 draggable(拖动)组件.这个组件扩展与 Panel 组件, 最大的优势就是调整大小和拖动以及内部布局. 一．加载方式 class 加载方式 <div id="box" class="easyui-w…

第二百零二节，jQuery EasyUI，Layout(布局)组件

jQuery EasyUI,Layout(布局)组件学习要点: 1.加载方式 2.布局属性 3.区域面板属性 4.方法列表本节课重点了解 EasyUI 中 Layout(布局)组件的使用方法,这个组件依赖于 Panel(面板)组件和 resizable(调整大小)组件. 一．加载方式 class 加载方式,这个属性一般使用class方法使用 <body id="box" class="easyui-layout"> <div data-opt…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（55）-工作流设计-表单布局

系列目录前言:这一节比较有趣.基本纯UI,但是不是很复杂有了实现表单的打印和更加符合流程表单方式,我们必须自定义布局来适合业务场景打印!我们想要什么效果?看下图 (我们没有布局之前的表单和设置布局后的表单) 改变后的布局本节知识点: easyui draggable 与 resizable 的结合使用(拖动与设置大小) 在Form添加Action Action提取来自48节的Create代码.改下名称 [SupportFilter(ActionName = "Edit")] pu…

【MVC+EasyUI实例】对数据网格的增删改查（上）

前言此案例是针对之前做的一个小例子的后台框架的修改,从以前的三层框架改为现在的MVC框架,也是做了一次MVC和EasyUI的结合,分为2篇文章来阐述. 界面如下: 点击"添加"按钮, 添加产品选中某条信息,修改产品一.导入数据模型 Models文件夹添加实体数据模型,这里使用的是根据数据库生成实体二.添加控制器三.添加视图四.编写视图的代码利用easyui布局,当然注意引入相关的js和css文件 @model MvcEasyUIDemo.Models.Product…

jQuery Easy UI 开发笔记

1.jQuery Easy UI主要的运行原理是通过核心的代码调用插件来实现UI效果的 2.jQuery Easy UI插件与插件之间的关系是: 一.独立式插件: 独立式插件是指:不与其他的插件具有相互的依赖关系,这些插件的用法一般相对简单典型的代表有:pagination(分页).searchbox(搜索框).progressbar(进度条).tooltip(提示框) 二.叠加式插件: 叠加式插件指的是:通过一些简单的插件去叠加而成,并且继承三大基本功能组件科普一下:三大基本功能组件是LZ…

JqueryEasyUI教程

第一章EasyUI中弹出框dialog的使用为div标签加上class="easyui-dialog"即可使用一.引入文件介绍jquery.min.js:jquery核心文件,不再支持IE9以下文件:jquery.easyui.min.js:easyui核心文件:easyui-lang-zh_CN.js:EasyUI中文提示信息easyui.css:EasyUI核心UI文件CSSicon.css:EasyUI图标文件二.Parser解析器,Parser解析器是专门解析渲染各种UI组件的…

Easy UI 入门

Easy UI常用于企业级开发的UI和后台开发的UI,比较重. 以下组件中的加载方式,属性和事件,方法和组件种类并不全,只是作为参考和入门学习. 1.Draggable(拖动)组件不依赖其他组件 1.1加载方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <l…

EF6 CodeFirst 实践系列文章列表

2015 Jul.16 EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(一) 来自:wangweimutou 本系列源自对EF6 CodeFirst的探索,但后来发现在自己项目中构建的时候遇到了一些问题以及一些解决方法,因此想作为一个系列写下来. 本系列并不是教你怎么做架构设计,但可以参照一下里面的方法,EF系列大都采用DDD的构建方式... 2015 Jul.17 EF6 CodeFirst+Repository+Ninject+MVC4+Easy…

Code First操作Mysql数据库

前面博客也讲了,自己做一个网站,选用的是MVC+EF Code First+MySql+EasyUI,先说下技术选型.一.为什么选择MVC? 因为之前自己做的系统大部分是webForm,MVC的之前也做过但是也都是框架已经搭好的,所以选择使用MVC框架,自己也搭建下MVC类型的框架.MVC也比webForm也更加方便容易开发. 二.为什么选择EF Code First呢? 这个说起来惭愧,C#不用Code First也是可以访问Mysql数据库的,只要下载C#访问MySQL数据库的ADO.NET…

Java源码初学_HashMap

一.概念 HashMap的实例有两个参数影响其性能:初始容量和加载因子.容量是哈希表中桶的数量,初始容量只是哈希表在创建时的容量.加载因子是哈希表在其容量自动增加之前可以达到多满的一种尺度.当哈希表中的条目数超出了加载因子与当前容量的乘积时,则要对该哈希表进行rehash操作(即重建内部数据结构),从而哈希表将具有大约两倍的桶数. 通常,默认加载因子 (.75) 在时间和空间成本上寻求一种折衷.加载因子过高虽然减少了空间开销,但同时也增加了查询成本(在大多数 HashMap 类的操作中,包括…

【EasyUI系列学习(五)-Resizable(调整大小)】的更多相关文章