189 8069 5689
要显示所有功能，只需要引入一下文件
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、雅安服务器托管、营销软件、网站建设、洛川网站维护、网站推广。
scipt type="text/javascript" src="jquery-1.4.2.min.js"/script!-- 引入jQUery库 --
scipt type="text/javascript" src="jquery-ui-1.8.11.custom.min.js"/script!-- 引入jQUeryUI库 --
link rel="stylesheet" type="text/css" href="jquery-ui-1.8.11.custom.css" /!-- 引入jQUeryUI CSS 样式 --
要实现单一功能比如你说的tab功能，可以引入下面内容
scipt type="text/javascript" src="jquery-1.4.2.min.js"/script!-- 引入jQUery库 --
scipt type="text/javascript" src="jquery.ui.core.js"/script!-- 引入jQUeryUI 核心库，所有功能必须引入 --
scipt type="text/javascript" src="jquery.ui.widget.js"/script!-- 引入jQUeryUI Widget库，所有功能必须引入，个别可能不需要，不过建议引入 --
!-- 以下引入功能类库 --
scipt type="text/javascript" src="jquery.ui.tabs.js"/script
link rel="stylesheet" type="text/css" href="jquery.ui.tabs.css" /
!-- 以上是引入功能类 --
对于EasyUI，我不建议使用。现在EasyUI功能还不是很健全。浏览器兼容性很差。唯一一点让人称道的是EasyUI的DataGrid，不过也是功能不完善。jQueryUI，功能强大，不过你要想实现好的效果，需要你自己手动修改它的css，来重构漂亮的界面！
jquery树形表格treetable插件使用方法步骤：
第一步：
1.上官网下载。
2.插件引用，当下载的时候，会有很多个文件，但是根据api来看，如果只想做简单的效果，js除了引用juquery外，只需要引用jquery.treetable.js插件，如果想让它有默认的外观样式还需要引入它们的jquery.treetable.css和jquery.treetable.theme.default.css
第二步：建立table格式
table id="example-advanced"
tr data-tt-id="1"
td大家电/td
/tr
tr data-tt-id="2" data-tt-parent-id="1"
td---电视/td
/tr
tr data-tt-id="3" data-tt-parent-id="1"
td---洗衣机/td
/tr
tr data-tt-id="4" data-tt-parent-id="1"
td---冰箱/td
/tr
/table
第三步：引入JS
/* 初始化数据 */
$("#example-advanced").treetable({ expandable: true });/* 高亮显示 */$("#example-advanced tbody").on("mousedown", "tr", function() {
$(".selected").not(this).removeClass("selected");
$(this).toggleClass("selected");
});/* 点击展开关闭 */a href="#" class="btn btn-blue" onclick="jQuery('#example-advanced').treetable('expandAll'); return false;"展开/a
a href="#" class="btn btn-blue" onclick="jQuery('#example-advanced').treetable('collapseAll'); return false;"关闭l/a
var setting = {
check:{
chkStyle: "radio" //这就是单选,将方框也改为了圆圈
}
}
按zTree自带的那个例子，它有一个json数组zNodes，数组的每一项都有一个唯一的id值。
所以可以
var treeObj = $.fn.zTree.getZTreeObj("tree");
var nodes = treeObj.getSelectedNodes();
if (nodes.length0) {
var nid = nodes[0].id;
var index = findIdByKeyValue(zNodes,'id', nid);
}
function findIdByKeyValue(obj, key, value)
{
for(vari = 0; i obj.length; i++) {
if(obj[i][key] == value) {
return i;
}
}
return null;
}
大致是这么个意思，太晚了就不测试了，你自己试试
判断节点的"state"属性，如果是"open"则是展开，如果是"closed"则是关闭
$('#tree').tree({
onClick : function(node) {
if (!$('#tree').tree('isLeaf', node.target)) {
if ('open' == node.state) {
$('#tree').tree('collapse', node.target);
} else {
$('#tree').tree('expand', node.target);
}
}
}
});
在初始化的时候加入onClick事件，最好下载一本chm帮助文档，参考很方便。
$('#tt').tree({
onClick: function(node){
alert(node.text); // 在用户点击的时候提示
}
});
说明：
1、tt为tree的ID
2、node为叶子节点对象
chm文档位置：
jQuery EasyUI 官方API文档中文版
version 1.5.2 Build 1
作者：王锦阳
CSDN账号：richie696
EasyUI专题