摘要：9.1、创建树形菜单 第一级 第一级 第二级 第二级 第二级 Js创建$('#tt').tree({ url:'tree_data.json'});9.2、node属性id: 节点idtext:显示文本state: 节点状态,默认'closed' 可选值 'open' 'closed'checked: 显示复选框attributes: 自定义属性children: 当前节点的子节点iconCls:设置图标9.3、Tree属性说明url:远程加载地址method:请求方式animate:节点展开/收缩，是否显示动画c 阅读全文

摘要：8.1、创建DataGridhtml代码 $("#dg").datagrid({ // url: "datagrid_data.json", data: [ { "code": "001", "name": "Name 1", "addr": "Address 11", "col4": "col4 data" }, { "code": "002", &quo 阅读全文

摘要：7.1、ValidateBox(表单验证)使用validType属性指定验证方法1、标签方式创建2、js方式添加表单验证$("#inp").validatebox({ required: true, validType: 'email'});7.1.1ValidateBox属性方法说明属性说明required:是否必填validType验证类型delay延迟验证missingMessage:内容为空的文本提示invalidMessage:内容无效的文本提示tipPosition:提示框显示位置,默right.可选值left、right方法说明destroy: 阅读全文

摘要：6.1、linkbuttonlinkbutton是将一个标签包装成一个能显示图片、文字、的超链接按钮如何给linkbutton添加一个事件？使用JQ的方式就能给linkbutton添加事件，可以直接使用click方法，也可以是用bind方法$(“#a3”).click(function () { alert("单击事件");});6.2、menu 通过给div添加一个名为"easyui-menu"的class创建以menu 打开 导出 保存 退出6.2.1、menu--show()、click()创建完了menu后，刷新页面发现没有显示。如果要显示men 阅读全文

摘要：5.1、window(窗口)窗口我们在程序中会大量的使用，比如我们的添加、编辑都可以使用窗口实现，与winform的程序非常的类似。下面的代码是创建一个基本的窗口 $(function () { $("#mywin").window({ title: "窗口", width: 300, height: 400, modal:true }); });通过上面的代码创建一个名称为“窗口”，高度400宽度300的窗口。当modal属性为true的时候，窗口弹出后在窗体下面的内柔都会被加上一个遮罩，我称这样的窗口为模态窗口5.1.2、window(窗口)--常用 阅读全文

摘要：4.1、easyui布局-layout在easyui里面只有一种布局方式，layout（东、南、西、北、中）的布局方式，创建layout布局的方式如下: 4.2、add方法 $('#myDiv').layout('add', { region: 'west', width: 180, title: 'West Title', split: true, tools: [{ iconCls: 'icon-add', handler: function () { alert('add') } }, { i 阅读全文

摘要：3.1、easyui事件easyui事件可以在构建的时候就通过属性方式添加上去，比如在panel收缩的时候添加一个事件，在构建的时候代码如下onCollapse: function () { alert(0); }如果我们需要在构建后添加事件，代码如下$("#myDiv").panel({ onMaximize: function () { alert("最大化了！！") } });当加载成功的时候让我们通过ajax加载面板内容并显示一些消息。$('#p').panel({ href:'content_url.php', 阅读全文

摘要：2.1、panel(面板)panel面板是easyui里面非常基础的一个内容组件，在我们后期学的tabs (选项卡)、accordion(手风琴)这两种内容组件都依赖于panel组件。构建一个panel组件代码如下 $("#myDiv").panel({ title: "js方式的panel", width: 300, height: 500, fit: true,加上这个会看不到设置面板内容 border: true, content: "设置面板内容",)}2.1.1、panel其他常用属性l loadingMessage：在加载 阅读全文

摘要：什么是easyuijQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等。目录说明一、快速入门1.1搭建easyui环境我们需要引入3个基本的文件 1.2Hello World我... 阅读全文