解析jQueryEasyUI的使用

使用易居最好的方法不是学会，所有的东西都敲一遍，你也没办法敲得完，而是找到一个好的文档。

http://夏哉。JB 51。net/201611/马援/jqueryasyui(JB 51。净额).rar

jQueryEasyUI的使用方法其实非常简单。在第一次使用中，也还是碰到了些问题，特地做了一个简单的示例，然后复制过来文档。

页面代码：

htmlhead titlejQuery EasyUI学习/title脚本src='http:/./Scripts/jquery-1。4 .1 .量滴js ' type=' text/JavaScript '/script script src=' http :/./Scripts/jquery。苏西。量滴js ' type=' text/JavaScript '/script link href='././主题/默认/测量。CSS ' rel='样式表type='text/css'/link href='././themes/icon.css' rel='样式表type=' text/CSS '/script type=' text/JavaScript ' $(function(){ $(' # Tree ')).树({ url: '/Home/GetJson '，onClick:函数（节点){ alert(节点。文本)；} })}))/脚本/流浆池ul id='Tree' /ul/body/html后台代码：

公共类HomeController :控制器{公共操作结果索引(){返回视图()；}公共操作结果关于(){返回视图();}公共操作结果GetJson(){ Node Node 4=new Node(4，' java从入门到精通、“打开”，空值)；节点节点5=新节点(5,' 30天精通C# '，' open '，null)；ListNode ListNode 2=new ListNode(){ node 4 }；ListNode ListNode 3=new ListNode(){ node 5 }；节点节点2=新节点(2)“Java分类，'关闭，list node 2)；节点node3=新节点(3，' c#分类，'关闭，list node 3)；ListNode ListNode 1=new ListNode(){节点2，节点3 }；节点node1=新节点(1,)图书分类，'关闭，list node 1)；列表节点列表节点0=新列表节点(){节点1 }；返回Json(ListNode0，JsonRequestBehavior .允许get)；} }公共类节点{公共节点(整数标识，字符串文本，字符串图标，列表节点子对象){标识=标识；文本=文本；iconCls=IconCls儿童=儿童；} public int id { get设置；}公共字符串文本{获取设置；}公共字符串iconCls { get设置；}公共列表节点子级{获取设置；} }显示效果如下：

上面的示例中没有方法的调用示例，jQueryEasyUI方法的调用很奇葩的说，如：

警报($('#Tree ').树(' getRoot ').文本);//调用getRoot方法$('#Tree ').树(“拼贴”)；//调用拼贴画方法参数：

名称

类型

说明

默认值

全球资源定位器(统一资源定位符)

线

获取远程数据的网址。

空

方法

线

获取数据的超文本传送协议（Hyper Text Transport Protocol的缩写）方法。

邮政

有生命的

布尔

定义当节点展开折叠时是否显示动画效果。

错误的

检验盒

布尔

定义是否在每个节点前边显示复选框。

错误的

级联检查

布尔

定义是否级联检查。

真实的

仅叶检查

布尔

定义是否只在叶节点前显示复选框。

错误的

国防部(国防部)

布尔

定义是否启用拖放。

错误的

数据

排列

加载的节点数据。

空

事件

很多事件的回调函数需要"节点"函数，它包含下列特性：

id:绑定到节点的标识值文本：显示的文字选中：是否节点被选中属性：绑定到节点的自定义属性目标：目标的数字正射影像图对象。

名称

参数

说明

点击

结节

用户点击节点时触发，节点参数包含以下特征：id:节点id文本：节点勾选文本：节点是否为选中属性：节点自定义属性目标：被点击目标的DOM对象

点击

结节

当用户双击节点时触发。

onBeforeLoad

参数节点

在发出加载数据的请求之前触发，当返回false时，加载操作被取消。

加载成功

数据节点

成功加载数据时触发。

onLoadError

争论

当数据加载失败时触发，参数与jQuery.ajax的“error”函数相同。

onBeforeExpand

结节

在节点扩展前触发，如果返回false，扩展操作将被取消。

onExpand

结节

当节点扩展时触发。

onBeforeCollapse

结节

在节点折叠之前触发，如果返回false，折叠操作将被取消。

肿瘤失效

结节

当节点折叠时触发。

在线检查

节点，选中

当用户单击复选框时触发。

onBeforeSelect

结节

在选择节点之前触发；如果返回false，选择操作将被取消。

选择时

结节

选择节点时触发。

onContextMenu

e，节点

右键单击节点时触发。

onDrop

目标、来源、点

拖放节点时触发。目标：DOM对象，拖放的目标节点。源：源节点。点：表示拖放操作，可以是：“追加”、“顶部”或“底部”。

onBeforeEdit

结节

编辑节点前触发。

on afterredit

结节

编辑节点后触发。

onCancelEdit

结节

取消编辑操作时触发。

方法

名字

参数

解释

选择

没有人

返回树的选项。

loadData

数据

加载树的数据。

getNode

目标

获取指定的节点对象。

获取数据

目标

获取指定的节点数据，包括其子节点。

再装

目标

重新加载树的数据。

getRoot

没有人

获取根节点并返回节点对象。

getRoots

没有人

获取根节点并返回节点数组。

getParaMeter

目标

获取父节点，目标参数引用该节点的DOM对象。

获取孩子

目标

获取子节点，目标参数引用该节点的DOM对象。

getChecked

没有人

获取所有选定的节点。

获取选定内容

没有人

获取所选节点并将其返回。如果未选择任何节点，则返回null。

isLeaf

目标

指定的节点被定义为叶节点，目标参数表示该节点的DOM对象。

发现

编号

找到指定的节点并返回此节点对象。

挑选

目标

选择一个节点，目标参数表示该节点的DOM对象。

支票

目标

设置要检查的指定节点。

取消选中

目标

将指定的节点设置为未选中。

倒塌

目标

折叠一个节点，目标参数表示该节点的DOM对象。

发展

目标

展开一个节点，目标参数表示该节点的DOM对象。

拼贴画

目标

折叠所有节点。

expandAll

目标

展开所有节点。

扩展到

目标

从指定节点的根目录展开。

附加

参数

将一些子节点附加到父节点。param参数有两个特征：parent:DOM对象，它被追加到的父节点，如果没有赋值，它被追加为根节点。数据：数组，节点的数据。

触发器

目标

切换节点的展开/折叠状态，目标参数表示节点的DOM对象。

插入

参数

在指定节点之前或之后插入一个节点。param参数包含以下特征：before: DOM对象，前面插入的节点。之后：DOM对象，插入其后的节点。数据：对象，节点数据。

移动

目标

移除节点及其子节点。目标参数表示节点的DOM对象。

流行音乐

目标

弹出一个节点及其子节点。此方法与remove相同，但返回已移除的节点数据。

更新

参数

以指定的节点为中心，param参数具有以下特征：目标(DOM对象，更新的节点)，id，文本，iconCls，checked，等等。

启用Dnd

没有人

启用拖放。

禁用和

没有人

禁用拖放。

开始编辑

nodeEl

开始编辑节点。

endEdit

nodeEl

结束编辑节点。

取消它

nodeEl

取消编辑节点。

以上就是本文的全部内容，希望对大家有所帮助，谢谢大家的支持！