jqueryui.org.cn

jeasyui.net

Easyui Menubutton 菜单按钮_EasyUI 插件

http://www.jeasyui.net/plugins/164.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 扩展自 $fn.linkbutton.defaults。 通过 $fn.menubutton.defaults 重写默认的 defaults。 它与链接按钮 linkbutton 及菜单 menu 有关。 显示链接按钮 linkbutton ，隐藏菜单 menu。 当用户点击或移动鼠标到链接按钮 linkbutton 上时，将显示菜单 menu 以允许用户点击菜单。 使用 javascript 创建菜单按钮 menubutton。 A href="javascript:void(0)" id="mb" Edit /a div id="mm" style="width:150px" . /div. Mb')menubutton({ iconCls: 'icon-edit', menu: '#mm' });. 该属性扩展自链接按钮 linkbutton ，下面是菜单按钮 menubutton 增加的属性。 该方法继承自链接按钮 linkbutton ，下面是菜单按钮 menubutton 增加的或重写的方法。

jeasyui.net

EasyUI下载

http://www.jeasyui.net/download

Http:/ www.jeasyui.net. 网站内容基于或源于 EasyUI官网 http:/ www.jeasyui.com. 是一个非盈利性网站，完全遵循官方Free - Non-commercial 及 CC BY 3.0. 目前官方最新版本是 jQuery EasyUI 1.4，官方提供了两个版本供下载，GPL版本和商业版本，你根据自己的需要下载. Http:/ www.jeasyui.com/download/list.php. 由EasyUI中文小组翻译整理，完全遵循官方Free - Non-commercial 及 CC BY 3.0.

jeasyui.net

Easyui Layout 布局_EasyUI 插件

http://www.jeasyui.net/plugins/162.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 通过 $fn.layout.defaults 重写默认的 defaults。 布局 layout 是有五个区域 北区 north、南区 south、东区 east、西区 west 和中区 center 的容器。 添加 'easyui-layout' class 到 div 标记。 Div id="cc" class="easyui-layout" style="width:600px;height:400px;" 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',title:'East',split:true" style="width:1...

jeasyui.net

Easyui Menu 菜单_EasyUI 插件

http://www.jeasyui.net/plugins/163.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 通过 $fn.menu.defaults 重写默认的 defaults。 它是创建其他菜单组件 比如 menubutton、splitbutton 的基础组件。 通过标记创建菜单 menu 应该添加 'easyui-menu' class 到 div 标记。 每个菜单项 menu item 通过 div 标记创建。 我们可以添加 'iconCls' 属性到菜单项 menu item ，以定义一个显示在菜单项 menu item 左边的图标。 添加 'menu-sep' class 到菜单项 menu item 将产生一个菜单 menu 分隔符。 编程创建菜单 menu 并侦听 'onClick' 事件。 Mm')menu({ onClick:function(item){ / . } });. 调用 'show' 方法来显示菜单 menu。 Mm')menu('show', { left: 200, top: 100 });. 菜单项 menu item 代表一个显示在菜单中的单独的项目。 Div id="mm" ...

jeasyui.net

Easyui Tooltip 提示框_EasyUI 插件

http://www.jeasyui.net/plugins/158.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 通过 $fn.tooltip.defaults 重写默认的 defaults。 提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。 1、从标记创建提示框 Tooltip ，添加 'easyui-tooltip' class 到元素，不需要任何的 javascript 代码。 A href="#" title="This is the tooltip message." class="easyui-tooltip" Hover me /a. 2、使用 javascript 创建提示框 Tooltip。 A id="dd" href="javascript:void(0)" Click here /a. 如果设置为 true，提示框 tooltip 会随着鼠标移动。 返回选项 options 属性 property。 上一篇 EasyUI Progressbar 进度条. 下一篇 EasyUI Panel 面板.

jeasyui.net

Easyui Splitbutton 分割按钮_EasyUI 插件

http://www.jeasyui.net/plugins/165.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 扩展自 $fn.linkbutton.defaults。 通过 $fn.splitbutton.defaults 重写默认的 defaults。 与菜单按钮 menubutton 相似，分割按钮 splitbutton 也与链接按钮 linkbutton 及菜单 menu 有关。 与菜单按钮 menubutton 不同的是，分割按钮 splitbutton 被分割为两部分。 使用 javascript 创建分割按钮 splitbutton。 A href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')" Ok /a div id="mm" style="width:100px;" . /div. Sb')splitbutton({ iconCls: 'icon-ok', menu: '#mm' });. 该属性扩展自链接按钮 linkbutton ，下面是分割按钮 splitbutton 增加的属性。 下一篇 EasyUI Form 表单.

jeasyui.net

Easyui Panel 面板_EasyUI 插件

http://www.jeasyui.net/plugins/159.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 通过 $fn.panel.defaults 重写默认的 defaults。 它是创建其他组件 比如 Layout 布局、Tabs 标签页/选项卡、Accordion 折叠面板，等等 的基础组件。 把 'easyui-panel' class 添加到 div 标记。 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,minimizable:true,maximizable:true" p panel content. /p p panel content. /p /div. 调用 'move' 方法把面板 Panel 移动到新位置。 P')panel('move',{ left:100, top:100 });.

codezh.com

Jquery UI 中文网

http://www.codezh.com/jqueryui

JQuery UI包含了许多维持状态的小部件 Widget ，因此，它与典型的 jQuery 插件使用模式略有不同。 所有的 jQuery UI 小部件 Widget 使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件 Widget。 JQuery UI 主要分为3个部分 交互、微件和效果库。 添加 Class Add Class. 移除 Class Remove Class. 切换 Class Toggle Class. 转换 Class Switch Class.

jeasyui.net

EasyUI 插件

http://www.jeasyui.net/plugins

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 属性是定义在 jQuery.fn.{plugin}.defaults。 比如，dialog 的属性是定义在 jQuery.fn.dialog.defaults。 事件 回调函数 也是定义在 jQuery.fn.{plugin}.defaults。 调用方法的语法 $('selector').plugin('method', parameter);. Selector 是 jquery 对象选择器。 方法是定义在 jQuery.fn.{plugin}.methods。 每个方法有两个参数 jq 和 param。 第一个参数 'jq' 是必需的，引用 jQuery 对象。 比如，要扩展 dialog 组件的方法名为 'mymove' 的方法，代码如下. 现在您可以调用 'mymove' 方法来移动对话框 dialog 到指定的位置. Dd')dialog('mymove', { left: 200, top: 100 });. 下载库，并在您的页面中引用 EasyUI CSS 和 JavaScript 文件。

jeasyui.net

Easyui Accordion 折叠面板_EasyUI 插件

http://www.jeasyui.net/plugins/161.html

Menu 菜单 与 Button 按钮. DataGrid 数据网格 与 Tree 树. 通过 $fn.accordion.defaults 重写默认的 defaults。 折叠面板 accordion 允许您提供多个面板 panel ，同时显示一个或多个面板 panel。 点击面板 panel 头部可展开或折叠面板 panel 主体。 面板 panel 内容可通过 ajax 指定 'href' 属性来加载。 通过标记创建折叠面板 Accordion ，添加 'easyui-accordion' class 到 div 标记。 Aa')accordion({ animate:false });. 刷新折叠面板 Accordion Panel 内容. 调用 'getSelected' 方法来获取当前面板 panel ，然后我们可以调用面板 panel 的 'refresh' 方法来加载新内容。 设置为 true，就使折叠面板 Accordion 容器的尺寸适应它的父容器。 该属性自版本 1.3.5 起可用。 该属性自版本 1.3.5 起可用。 设置为 true 就展开面板 panel。 该方法自版本 1&...