UasyUi的各种方法整理：

    1.拖动 放置 droppable

        $('#dd').droppable({ });

        2.创建可变大小的窗口  resizable

        $('#rr').resizable({

            maxWidth:800,

            maxHeight:600

        });

    3.提示框  tooltip

        <a href="#" title="这是一个提示框" class="easyui-tooltip">Hover me</a>

    4.面板 panel

        创建一个面板：

        <div id="p" style="padding:10px;">

            <p>panel content.</p>

            <p>panel content.</p>

        </div>    

        $('#p').panel({

          width:500,

          height:150,

          title: 'My Panel',

          tools: [{

            iconCls:'icon-add',

            handler:function(){alert('new')}

          },{

            iconCls:'icon-save',

            handler:function(){alert('save')}

          }]

        });

    5.选项卡 tabs

        创建一个选项卡：

        <div id="tt" class="easyui-tabs" style="width:500px;height:250px;">

            <div title="Tab1" style="padding:20px;display:none;">

            tab1

            </div>

            <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">

            tab2

            </div>

            <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">

            tab3

            </div>

        </div>

    6.手风琴分类  accordion

        创建：

        <div id="aa" class="easyui-accordion" style="width:300px;height:200px;">

            <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">

            <h3 style="color:#0099FF;">Accordion for jQuery</h3>

            <p>Accordion is a part of easyui framework for jQuery.

            It lets you define your accordion component on web page more easily.</p>

            </div>

            <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">

            content2

            </div>

            <div title="Title3">

            content3

            </div>

        </div>

    7.布局 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:true" style="height:100px;"></div>

            <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>

            <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>

            <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>

        </body>

    8.按钮 linkbutton

        创建一个按钮：

        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

    9.验证框 validatebox

        <input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'" />  

    10.文本框 textbox

        <input class="easyui-textbox" data-options="iconCls:'icon-search'" style="width:300px">

    11.密码框 passwordbox

        <input class="easyui-passwordbox" prompt="Password" iconWidth="28" style="width:100%;height:34px;padding:10px">

    12.下拉列表框 combobox

        创建2个有依赖关系的下拉列表框:

        <input id="cc1" class="easyui-combobox" data-options="

            valueField: 'id',

            textField: 'text',

            url: 'get_data1.php',

            onSelect: function(rec){

                var url = 'get_data2.php?id='+rec.id;

                $('#cc2').combobox('reload', url);

            }" />

        <input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'text'" />

    13.window窗口

        <div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"

            data-options="iconCls:'icon-save',modal:true">

            Window Content

        </div>

    14.消息窗口

        $.messager.confirm('确认','您确认想要删除记录吗？',function(r){

            if (r){

            $.messager.alert('警告','删除成功');

            }

        });

UasyUi的各种方法整理的更多相关文章

  1. 【AS3】Flash与后台数据交换四种方法整理

    随着Flash Player 9的普及,AS3编程也越来越多了,所以这次重新整理AS3下几种与后台数据交换方法.1.URLLoader(URLStream)2.FlashRemoting3.XMLSo ...

  2. 常用js方法整理common.js

    项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...

  3. 在WebBrowser中执行javascript脚本的几种方法整理(execScript/InvokeScript/NavigateScript) 附完整源码

    [实例简介] 涵盖了几种常用的 webBrowser执行javascript的方法,详见示例截图以及代码 [实例截图] [核心代码] execScript方式: 1 2 3 4 5 6 7 8 9 1 ...

  4. 项目中常用js方法整理common.js

    抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...

  5. Ruby数组方法整理

    数组方法整理 方法列表: all().any().none()和one():测试数组中的所有或部分元素是否满足给定条件.条件可以是语句块中决定,也可以是参数决定 append():等价于push() ...

  6. Vue2.x源码学习笔记-Vue实例的属性和方法整理

    还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProx ...

  7. Tomcat 多项目部署方法整理

    Tomcat 多项目部署方法整理 说明:tomcat-deploy-aaa和tomcat-deploy-bbb是两个不同的web项目,为了方便以下简称aaa和bbb,请先自行创建并跑通 导航: NO1 ...

  8. Javascript Array 方法整理

    Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...

  9. 排序方法整理Java - 冒泡排序、选择排序、插入排序、快速排序

    /** * 排序方法整理 * @author zhyea * */ public class Sort { /** * 冒泡排序,从小到大. * 冒泡排序是比较相邻的两个元素,若顺序错误,则执行交换. ...

随机推荐

  1. 你真的会用ABAP, Java和JavaScript里的constructor么?

    如果constructor里调用了一个成员方法,这个方法被子类override了,当初始化一个子类实例时,父类的构造函数被的调用,此时父类构造函数的上下文里调用的成员方法,是父类的实现还是子类的实现? ...

  2. git 分之合并和冲突解决

    Git 分支管理和冲突解决 创建分支 git branch 没有参数,显示本地版本库中所有的本地分支名称. 当前检出分支的前面会有星号. git branch newname 在当前检出分支上新建分支 ...

  3. HDU 3639 Hawk-and-Chicken(强连通分量+缩点)

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/u013480600/article/details/32140501 HDU 3639 Hawk-a ...

  4. 基于Mybatis的Dao层开发

    转自:https://www.cnblogs.com/rodge-run/p/6528398.html 基于Mybatis的Dao层开发 SqlSessionFactoryBuilder用于创建 Sq ...

  5. python 3+djanjo 2.0.7简单学习(二）--创建数据库和模型

    我们紧接上次,这里将建立数据库,创建第一个模型提示:这里我们不需要去一直启动,django会在我们ctrl+s的时候自动刷新并启动服务,很方便吧  1.数据库配置 现在,打开 vote_mysite/ ...

  6. P1424 小鱼的航程(改进版)

    题目背景 原来的题目太简单,现改进让小鱼周末也休息,请已经做过重做该题. 题目描述 有一只小鱼,它上午游泳150公里,下午游泳100公里,晚上和周末都休息(实行双休日),假设从周x(1<=x&l ...

  7. 2018.7.18 div,section,article的区别和使用

    section ·<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. ·section用作一段有专题性的内容,一般在它里面会带有标题. ...

  8. iconv for linux(c)

    // code_convert("gb2312","utf-8",inbuf,outbuf,outlen);static int code_convert(co ...

  9. linux常见内核参数

    参数 描述 net.ipv4.ip_forward 接口间转发报文net.ipv4.tcp_tw_reuse 表示是否允许将处于 TIME-WAIT 状态的 socket (TIME-WAIT 的端口 ...

  10. 《Redis设计与实现》- RDB持久化

    Redis RDB持久化功能可以将Redis内存中的数据库状态保存到磁盘里面,避免数据意外丢失. 1. 手动生成 RDB 文件 有两个Redis命令可以用于生成RDB文件: SAVE,该命令会阻塞Re ...