用法 代码如下:$.parser.parse(); // 解析整个页面 $.parser.parse(#cc); // 解析某个具体节点 特性<?XML:NAMESPACE PREFIX = O />名称类型说明默认值$.parser.autoboolean定义是否自动解析easyui组件。true 事件名称参数说明$.parser.onCompletecontext当解析器完成解析动作的时候触发。 方法名称参数说明$.parser.parsecontext解析easyui组件。
Form 表单 用法 代码如下:<form id="ff" method="post"> ... </form> 使 form 成为 ajax 提交的 form 。 代码如下:$(#ff).form({ url:..., onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提交 form $(#ff).submit(); 去做一个提交动作。 代码如下:// 调用 form 插件的 submit 方法来提交 form $(#ff).form(submit, { url:..., onSubmit: function(){ // 做...
扩展自 $.fn.linkbutton.defaults。用 $.fn.menubutton.defaults 重写了defaults。 <?XML:NAMESPACE PREFIX = O />依赖 menu linkbutton 用法 代码如下:<a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a> <div id="mm" style="width:150px;"> <div iconCls="icon-undo">Undo</div> <div iconCls="icon-redo">Redo</div> <div class="menu-sep"></div> <div>Cut</div> <div>Copy</div> <div>Paste</div> <div cl...
此属性列表请对照jQuery EasyUI 1.0.5，关于它的更多资讯请猛击这里。 属性分为CSS片段和JS片段。 CSS类定义：1、div easyui-window 生成一个window窗口样式。 属性如下： 1)modal:是否生成模态窗口。true[是] false[否] 2)shadow:是否显示窗口阴影。true[显示] false[不显示]2、div easyui-panel 生成一个面板。 属性如下: 1)title:该标题文本显...
要格式化数据表格列，需要设置formatter属性，该属性是一个函数，它包含两个参数: value: 对应字段的当前列的值 record: 当前行的记录数据 代码如下:$(#tt).datagrid({ title:Formatting Columns, width:550, height:250, url:datagrid_data.json, columns:[[ {field:itemid,title:Item ID,width:80}, {field:productid,title:Product ID,width:80}, {field:listprice,title:List Price,width:80,align:right, formatter:function...
下面看一下EasyUI的对话框效果图 js代码： 代码如下:<script language="javascript" type="text/javascript"> function Open_Dialog() { $(#mydialog).show(); $(#mydialog).dialog({ collapsible: true, minimizable: true, maximizable: true, toolbar: [{ text: 添加, iconCls: icon-add, handler: function() { alert(添加数据) } },{ text: 保存, iconCls: icon-save, handler: function() { alert(保存数据) } }], buttons:...
EasyLoader是可以动态加载脚本和CSS文件，也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件，注意：这里就不需要引用jquery.easyui.min.js文件了。 比如需要加载linkbutton组件，则可以用下面的两种方式来加载： 第一种通过设置class来实现: <a href="#" class="easyui-linkbutton" onclick="load1()">加载日历</a> 只要class设置了easyui-组件名，easyloader就会自动动态加载相应的组件 第二种通过脚本来实现: ...
代码如下:var lastTabs = new Array(); $(function() { /* * cdh 2010.0630 补充，用于 退回上次标签页 */ $(#mainTabs).tabs({ onSelect: function(tt) { //移除 tt lastTabs = $.grep(lastTabs, function(n, i) { return n != tt; }); //重新压入，保证 最新的在最上面 lastTabs.push(tt); //更新当前 currentTabTitle = tt; }, onClose: function(tt) { //移除 tt lastTabs = $.grep(lastTabs, function(n, i) { return n != tt...
这里的options是选项，可以参考下表： 选项名 类型 描述 默认值min 数字 文本框中可允许的最小值 nullmax 数字 文本框中可允许的最大值 nullprecision 数字 最高可精确到小数点后几位 0 例如：金额输入框 最大值为“99999.99” 精确到两位小数。 <input name="money" id="money" type="text" class="easyui-numberbox" precision="2" max="99999.99" size="8" maxlength="8" style="text-align:right;"/> 如果是动态的input 加载...
如图：上图的右边框不见了，使用 web开发工具调试，发现是内容器过大．于是想到了是jquery-easyui 对界面的＂渲染＂不正确引起． 起初以为是因为加了 处理重复的代码引起，但是去掉后总是依旧： 进而考虑到界面＂渲染＂的前后关系，于是尝试对代码片段进行延迟执行，问题解决．原问题脚本： 代码如下:<script type="text/javascript"> if (window.__yltlClientScriptRegistKey == undefined || window.__yltlClientScriptRegis...
效果图: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascri...
用firebug查看其生成html，发现其checkobx是假的，只是一个span，来回的变样式而已，汗代码如下:$(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { if ($(this).hasClass("tree-checkbox0")) { $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); } else { if ($(this).hasClass("tree-checkbox1")) { $(this).removeClass("tree-checkbox1").addClass("tree-checkbox0"); } else { if...
Tabs【标签】 创建一个tab标签 使用说明 使用到的头文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js html 代码如下:<div id="tt" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;"> tab1 </div> <div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;"> tab2 </div> <div title="Tab3" icon="icon-reload" closable="true" styl...
使用easyui 的好处除了界面还不错之外，也因为使用方便。 代码如下:<div class="easyui-tabs" style="width: 300px"> <div title="搜索"> ...</div> <div title="选择">...</div> <div title="返回">...</div> </div> 只要给他定义个相应的class 就能实现各种效果。 但是，把它放在updatepanel里面，且不是首次就让他显示出来的话就出故障了。 代码如下:<asp:MultiView ID="MultiView1" runat="server"> <asp:View ID="View1" r...
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等。 OK，下面就开始我们的初探之旅。jQuery EasyUI---Accordion 手风琴...