extjs4中Ext.resizer.Resizer 大小变更功能介绍

如下:

 代码如下 复制代码

[Js]
Ext.onReady(function () {

    var basic = Ext.create('Ext.resizer.Resizer', {
        target: 'basic',
        pinned: true,               //是否显示调节边框
        width: 200,
        height: 100,
        minWidth: 100,
        minHeight: 50,
        dynamic: true,              //动态设置
        preserveRatio: true,        //当变更大小时,长宽比例是否固定
        heightIncrement: 20,        //单次变更,高度变更值
        widthIncrement: 20,
        transparent: false          //是否彻底隐藏调节边框
    });
});

效果如下:

时间: 2024-10-10 20:58:06

extjs4中Ext.resizer.Resizer 大小变更功能介绍的相关文章

PHP中的类型提示(type hinting)功能介绍

  这篇文章主要介绍了PHP中的类型提示(type hinting)功能介绍,本文讲解了类型提示的作用和使用方法以及使用示例,需要的朋友可以参考下 概述 从PHP5开始,我们可以使用类型提示来指定定义函数时,函数接收的参数类型.如果在定义函数时,指定了参数的类型,那么当我们调用函数时,如果实参的类型与指定的类型不符,那么PHP会产生一个致命级别的错误(Catchable fatal error). 类名称和数组 在定义函数时,PHP只支持两种类型声明:类名称和数组.类名称表名该参数接收的实参为对

extjs4中Ext.menu.Menu 菜单功能实例代码

菜单的定义 下面我们来定义一个菜单,它包括一个下拉列表,还有颜色选择器,日期选择器等菜单项.  代码如下 复制代码 [Js]     //下定义一个下拉列表     var combo = Ext.create('Ext.form.ComboBox', {         store: new Ext.data.ArrayStore({             fields: ['id', 'name'],             data: [[1, "张三"], [2, "

extjs4中Ext.ProgressBar进度条控件实例

1.加载进度条  代码如下 复制代码 [html]     <div class="content">         <button id="button1">执行</button>         <div id="p1" style="width: 300px;"></div>     </div><br /> [Js]     //加载

extjs4中Ext.toolbar.Toolbar工具栏控件实例

.在工具栏上添加菜单.按钮.搜索功能 我们这里借用上一篇所讲到的listview控件作为数据展示,把listview放入一个面板控件中,然后把工具栏添加到面板顶部,并且在工具栏中实现数据集的服务端搜索的功能. 首先我们定义一个数据模型和Store:  代码如下 复制代码 [Js]     Ext.define('Datas', {         extend: 'Ext.data.Model',         fields: [         { name: 'IntData', type

extjs4中Ext.toolbar.Paging分页工具栏控件

 代码如下 复制代码 [Js]     var store = Ext.create('Ext.data.Store', {         fields: ['IntData', 'StringData', 'TimeData'],         pageSize: 15,         proxy: {             type: 'ajax',             url: 'PagingToolbar1Json',             reader: {       

extjs4中Ext.ux.statusbar.StatusBar 状态栏控件用法

首先定义一个函数,它在前2秒将状态栏设置为繁忙状态,2秒后恢复:  代码如下 复制代码 [Js]     var loadFn = function (btn, statusBar) {         btn = Ext.getCmp(btn);         statusBar = Ext.getCmp(statusBar);         btn.disable();         statusBar.showBusy();         Ext.defer(function ()

ExtJs4中Ext.Ajax的Ajax封装包测试笔记(1/3)

本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持,包括Ajax封装,函数事件操作封装,还有扩展的常用函数等.Ajax服务端交互式操作是提交到.NET MVC.后续服务端交互都采用这一方式实现. 一.ExtJs中的Ajax:Ext.Ajax.request 通过客户端向服务端发送Ajax请求,可以"直接"调用MVC的action方法,并传递参数,action返回值可以是普通字符串,也可以是json对象.请求可以添加自定义头信息.看下面例子: 1.异步请求,发送自定义请求头: ht

extjs4中Ext.window.Window窗口控件的介绍

下面看看面板生成代码: [html]     代码如下 复制代码    <h1>窗口</h1>     <div class="content" style="height:300px">     <button id="button1">打开窗口</button>         <div id="win1"></div>     </

extjs4中Ext.Editor编辑控件用法

1.用文本框编辑普通文本 下面通过一个编辑控件作用在span标签上,双击该标签即可编辑该标签的文本类容.  代码如下 复制代码 [html]     <h1>用文本框编辑普通文本</h1>     <div class="content">     <span id="span1">请双击我修改文字</span>     </div> [Js]     //用文本框编辑普通文本     var