【简单的模拟jQuery easyUI的行编辑】教程文章相关的互联网学习教程文章

jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍【图】

扩展自 $.fn.spinner.defaults 和 $.fn.numberbox.defaults,用 $.fn.numberspinner.defaults 重写了 defaults。 依赖 spinner numberbox 用法 <input id="ss" min="10" max="100" required="true" style="width:80px;"> 代码如下:$(#ss).numberspinner({ editable:false }); 特性<?XML:NAMESPACE PREFIX = O /> 其特性扩展自 spinner 和 numberbox 。 事件 其事件扩展自 spinner 。 方法 其方法扩展自 spinner,下列是为 number...

jQuery EasyUI API 中文文档 - TimeSpinner时间微调器【图】

扩展自 $.fn.spinner.defaults,用 $.fn.timespinner.defaults 重写了 defaults。 依赖 spinner 用法 代码如下:<input id="ss" required="true" style="width:80px;"> 代码如下:$(#ss).timespinner({ showSeconds:true }); 特性<?XML:NAMESPACE PREFIX = O /> 其特性扩展自 spinner,下列是为 timespinner 增加的特性。.名称类型说明默认值separatorstring时分秒之间的分隔符。:showSecondsboolean定义是否显示秒的信息。fals...

jQuery EasyUI API 中文文档 - ValidateBox验证框【图】

用 $.fn.validatebox.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O />用法 代码如下:<input id="vv" required="true" validType="email"> 代码如下:$(#vv).validatebox({ required:true }); 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email:匹配 email 正则表达式规则 url:匹配 URL 正则表达式规则 length[0,100]:允许从 x 到 y 个字符 remote[http://.../acti...

jQuery EasyUI API 中文文档 - ComboTree组合树【图】

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults。用 $.fn.combotree.defaults 重写了defaults。 <?XML:NAMESPACE PREFIX = O />依赖 combo tree 用法 <select id="cc" style="width:200px;"></select> <input id="cc" value="01"> 代码如下:$(#cc).combotree({ url:tree_data.json }); 特性 其特性扩展自 combo 和 tree,下列是为 combotree 重写的特性。名称类型说明默认值editableboolean定义用户是否可以直接往文本域中输...

jQuery EasyUI API 中文文档 - NumberBox数字框

扩展自 $.fn.validatebox.defaults,用 $.fn.numberbox.defaults 重写了 defaults 。 依赖 validatebox 用法 代码如下:<input type="text" id="nn"></input> 代码如下:$(#nn).numberbox({ min:0, precision:2 }); 特性<?XML:NAMESPACE PREFIX = O /> 其特性扩展自 validatebox,下列是为 numberbox 增加的特性。名称类型说明默认值disabledboolean定义是否禁用该域。falseminnumber允许的最小值。nullmaxnumber允许的最大值。...

jQuery EasyUI API 中文文档 DateTimeBox日期时间框【图】

扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O />依赖 datebox timespinner 用法 代码如下:<input id="dt" type="text"></input> 代码如下:$(#dt).datetimebox({ showSeconds:false }); 特性 其特性扩展自 datebox,下列是为 datetimebox 增加的特性。名称类型说明默认值showSecondsboolean定义是否显示秒的信息。true 方法 其方法扩展自 datebox,下列是为 d...

jQuery EasyUI API 中文文档 - Documentation 文档

每个easyui组件都有特性(property)、方法(method)和事件(event),用户可以很容易地扩展它们。 特性 特性在jQuery.fn.{plugin}.defaults里定义。例如, dialog的特性在jQuery.fn.dialog.defaults里定义。 事件 事件(回调函数)也在jQuery.fn.{plugin}.defaults里定义。 方法 方法在jQuery.fn.{plugin}.methods里定义。每个方法有两个参数:jq和param。第一个参数'jq'是必须的,它是指jQuery对象。第二个参数'param' 是指传递...

jQuery EasyUI API 中文文档 搜索框【图】

用$.fn.searchbox.defaults重写defaults。依赖 menubutton 用法示例 创建SearchBox 1. 从标记创建。把 easyui-searchbox 类加入到<input/>标记。 代码如下:<script type="text/javascript"> function qq(value,name){ alert(value+":"+name) } </script> <input id="ss" class="easyui-searchbox" searcher="qq" prompt="Please Input Value" menu="#mm" style="width:300px"></input> <div id="mm" style="width:120px"> <div na...

jQuery EasyUI API 中文文档 - Panel面板【图】

用$.fn.panel.defaults重写defaults。<?XML:NAMESPACE PREFIX = O />用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易。把 easyui-panel 类添加到<div/>标记。 代码如下:<div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" iconCls="icon-save" closable="true" collapsible="true" minimizable="true" maximizable=true> <p>panel content.<...

jQuery EasyUI API 中文文档 - Pagination分页

用 $.fn.pagination.defaults 重写了 defaults。 依赖 linkbutton 用法 代码如下:<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div> 代码如下:$(#pp).pagination({ total:2000, pageSize:10 }); 特性名称类型说明默认值totalnumber记录总数,应该在创建pagination时设置。1pageSizenumber页面尺寸。(译者注:每页显示的最大记录数)10pageNumbernumber创建pagination时显示的页码。1pageListarray用户...

jQuery EasyUI API 中文文档 - ProgressBar 进度条

用$.fn.progressbar.defaults重写defaults。 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记。 代码如下:<div id="p" class="easyui-progressbar" style="width:400px;"></div> 获取或者设置值 我们获取当前值并且给这个组件设置一个新值。 代码如下:var value = $(#p).progressbar(getValue); if (value < 100){ value += M...

jQuery EasyUI API 中文文档 - Draggable 可拖拽

用$.fn.draggable.defaults重写默认的defaults。 用法 代码如下:<div id="dd" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">title</div> </div> 代码如下:$(#dd).draggable({ handle:#title }); 特性名称类型说明默认值proxystring,function拖拽时要使用的代理元素,设置为clone时,克隆元素将被用作代理。如果指定一个函数,它必须返回一个jQuery对象。nullrevertboolean如果设为true,拖拽...

jQuery EasyUI API 中文文档 - Tabs标签页/选项卡【图】

Tabs 标签页/选项卡 用$.fn.tabs.defaults重写defaults。 <?XML:NAMESPACE PREFIX = O />依赖 panel linkbutton 用法示例 创建tabs 1、 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码。记住把 easyui-tabs 类添加到<div/>标记,每个tab panel 经由子<div/>标记被创建,其用法与Panel一样。 代码如下:<div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="p...

jQuery EasyUI API 中文文档 - EasyLoader 加载器

用法 代码如下:easyloader.base = ../; // 设置easyui的基本路径 easyloader.load(messager, function(){ // 加载指定的模块 $.messager.alert(Title, load ok); }); 特性名称类型说明默认值modulesobject预定义的模块。 localesobject预定义的语言环境。 basestringeasyui的基本路径,必须以/结尾。基本路径将被自动相对于easyload.js进行设置themestring定义在themes 目录下的主题名称。defaultcssboolean定义当加载模块的时候...

jQuery EasyUI API 中文文档 - Menu菜单【图】

用 $.fn.menu.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O /> 代码如下:<div id="mm" class="easyui-menu" style="width:120px;"> <div>New</div> <div> <span>Open</span> <div style="width:150px;"> <div><b>Word</b></div> <div>Excel</div> <div>PowerPoint</div> </div> </div> <div iconCls="icon-save">Save</div> <div class="menu-sep"></div> <div>Exit</div> </div> 编程创建 menu 并侦听 onClick 事件。...