文档章节

19.EASYUI resizable组件

F
 Favour
发布于 2016/08/16 19:58
字数 221
阅读 3
收藏 0
点赞 0
评论 0

一,基本可缩放组件

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Resizable - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>基本可缩放组件</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>点击组件边缘调整组件大小.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<div class="easyui-resizable" data-options="minWidth:50,minHeight:50" style="width:200px;height:150px;border:1px solid #ccc;">
		<div style="padding:20px">缩放我</div>
	</div>
	<div id="dd" class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'" style="width:200px;height:150px;border:1px solid #ccc">
		<div id="mytitle" style="background:#ddd;padding:5px;">标题</div>
		<div style="padding:20px">拖拽并缩放我</div>
	</div>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
F
粉丝 4
博文 185
码字总数 96673
作品 0
成都
程序员
开源JSF组件库--JQuery4JSF

JQuery4jsf 是一个开源JSF组件库。这些组件基于 jQuery 框架开发。 目前包含以下组件: 卷帘控制 日期选择 对话框 进度条 滑动条 跳格Tabs 拖放 窗体大小改变 Resizable Effect 自动完成 Ca...

匿名 ⋅ 2009/07/08 ⋅ 0

DataGrid jQuery Plugin

DataGrid jQuery 插件允许你创建一个在您的网页DataGrid组件。 DataGrid的是轻量级的,但强大的功能如下: Resizable columns Can convert an ordinary table Paging Toolbar Create column...

匿名 ⋅ 2009/11/24 ⋅ 0

JavaScript框架--RightJS

RightJS 是一个功能非常丰富的 JavaScript 框架,其中 UI 部分包含的组件有: Autocompleter Billboard Calendar Colorpicker Dialog In Place Edit Lightbox Rater Resizable Selectable Sl......

匿名 ⋅ 2011/01/27 ⋅ 0

RightJS 2.3.0 发布,JavaScript 框架

RightJS 是一个功能非常丰富的 JavaScript 框架,其中 UI 部分包含的组件有: Autocompleter Billboard Calendar Colorpicker Dialog In Place Edit Lightbox Rater Resizable Selectable Sl......

红薯 ⋅ 2011/11/09 ⋅ 0

个人或小公司自己实现easyui拖拽开发架构

拖拽开发的两大要素是,被拖拽组件要有大小尺寸,同时又要能移动。除这两点之外还有组件的绘制器,要保证能够重新绘制。 1、拖拽和调整器:easyui都提供了控件即easyui-draggable和easyui-re...

快速开发师 ⋅ 2015/01/25 ⋅ 0

wiQuery

wiQuery是一个将 jQuery 与 jQuery UI 集成到Java Wicket Web开发框架中的开源项目。Wicket 框架提供了一种真正采用面向对象的方式来创建Web应用程序。wiQuery支持的jQuery UI组件包括: Ta...

匿名 ⋅ 2009/12/06 ⋅ 1

jQuery dialog组件的使用(1.7以上版本)

jquery ui组件的使用一般都是包括两个部分: 定义标签; 初始化组件 dialog组件的使用 首先定义标签,例 “<div id="dd">你好</div>”,标签里的内容“你好”就是将来弹出对话框的内容,标签元...

郑兵 ⋅ 2012/11/21 ⋅ 0

Ext 4 概述(七)之面板Panel & 杂项

面板Panel 支持了边界接触(Docking) Panel的改变之一便是通过面板特定的组件布局类(a panel-specific ComponentLayout)来负责管理其边界内所接触的元素项。面板body元素会铺张至任何空白...

sp42 ⋅ 2011/04/18 ⋅ 0

JSF框架 PrimeFaces 3.0 M2 发布

PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。 3.0M2 主要改进包括(完整内容): Reimplementation of component event callbacks (Listener, Update) as ajax behaviors. ...

红薯 ⋅ 2011/07/08 ⋅ 0

FusionCharts使用教程:为图表添加向下钻取链接

FusionCharts中的所有图表都支持向下钻取功能。这意味着你可以将单个数据图(柱状图中的柱形、饼图中的扇形)或者整个图表转换成热点(或链接)。从广义上来讲,FusionCharts图表的向下钻取功...

flyingsnail ⋅ 2014/04/17 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Thrift RPC实战(二) Thrift 网络服务模型

TServer类层次体系 TSimpleServer/TThreadPoolServer是阻塞服务模型 TNonblockingServer/THsHaServer/TThreadedSelectotServer是非阻塞服务模型(NIO) 1 TServer抽象类的定义 内部静态类Args的...

lemonLove ⋅ 6分钟前 ⋅ 0

vim命令用法

第五章 vim命令 vim和vi几乎是一样的,唯一的区别就是当编辑一个文本时,使用vi不会显示颜色,而使用vim会显示颜色。 vim有三个模式:一般模式,编辑模式,命令模式。 系统最小化安装时没有安...

弓正 ⋅ 8分钟前 ⋅ 0

MyBatis源码解读之配置

1. 目的 本文主要介绍MyBatis配置文件解析,通过源码解读mybatis-config.xml(官方默认命名)、Mapper.xml 与Java对象的映射。 2. MyBatis结构 查看大图 MyBatis结构图,原图实在太模糊了,所以...

无忌 ⋅ 12分钟前 ⋅ 0

Ignite的jdbc与网格的连接方式的查询性能对比

环境: 数据量100万 Ignite2.5 Windows10 8g jdbc方式连接 import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; i......

仔仔1993 ⋅ 26分钟前 ⋅ 0

收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu ⋅ 42分钟前 ⋅ 0

微服务 WildFly Swarm 入门

Hello World 就像前面章节中的其他框架一样,我们希望添加一些基本的 Hello-world 功能,然后在其上逐步添加更多的功能。让我们从在我们的项目中创建一个 HolaResources 开始。您可以使用您的...

woshixin ⋅ 49分钟前 ⋅ 0

Maven的安装和Eclipse的配置

1. 下载Maven 下载地址 2. 解压压缩包,放到自己习惯的硬盘中 此处我将其放到了 D:\Tools 目录下。 3. 配置环境变量 右键此电脑 -> 属性 -> 高级系统设置 -> 环境变量。 在系统变量中新建,变...

影狼 ⋅ 56分钟前 ⋅ 0

python pip使用国内镜像的方法

国内源 清华:https://pypi.tuna.tsinghua.edu.cn/simple 阿里云:http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/ 华中理工大学:http://......

良言 ⋅ 57分钟前 ⋅ 0

对于url变化的spa应该如何使用微信jssdk

使用vue单页面碰上微信jssdk config验证失败的坑。第一次成功 之后切换页面全部失败,找到了解决方法,第一次验证成功后保存验证信息 切换页面时验证信息直接拿来用,加一个wx.error() 失败时...

孙冠峰 ⋅ 今天 ⋅ 0

Spring Cloud Gateway 一般集成

SCF发布,带来很多新东西,不过少了点教程,打开方式又和以前的不一样,比如这个SCG,压根就没有入门指导,所以这里写一个,以备后用。 一、集成 pom.xml <dependency> <groupI...

kut ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部