jquery中的tree和datagri级联

1 jquery中的tree和datagrid级联。就是点击该tree的一个节点。能展现出来该节点的tree的属性（在datagrid）。


2 想要实现这种级联。则需要在设置datagrid是设置rowStyler属性。
如：$("#sda_prop").datagrid({
width:400,
height:600,
idField:'id',
rownumbers:false,
columns:[
[
{field:'ck',checkbox:true},
{title:'ID',filed:'id',hide:true},
{title:'名称',field:'name',width:150},
{title:'属性值',field:'value',width:250},
{title:'父节点',filed:'structId',hide:true}
]
],
rowStyler:function(index_,row){//这就是设置行的样式
if(indexOf_array(array_prop,index_)){
return 'background:red;display:none';//通过display的属性来操作
}
}
});


function indexOf_array(array_,index_){
var flag=false;
for(var i=0;i<array_.length;i++){
var array__=array_[i];
if(array__==index_){
flag=true;
break;
}
}

return flag;
}
3 除了要设置datagrid的rowStyler属性之外，然后还需要在点击tree时进行处理。就是tree的onClick属性了。
如：$("#tt2").tree({
checkbox:false,
data:[
{ id:'222',
text:'aa',
children:[{id:'111',text:'bb'},{id:'333',text:'ccc'}]
}
],
onContextMenu:function(e,node){
e.preventDefault();
$("#tt2").tree('select',node.target);
$("#div_menu").menu('show',{
left:e.pageX,
top:e.pageY

})
},
onClick:function(node){
var sda_propArray=$("#sda_prop").datagrid("getRows");
array_prop=new Array();
for(var i=0;i<sda_propArray.length;i++){
var row=sda_propArray[i];
if(row.structId!=node.id){
array_prop.push(i);
}else{

}
$("#sda_prop").datagrid("refreshRow",i);
}
}
});
设置onClick属性。就是每次点击tree的节点时。进行处理。将不是该节点的属性放入一个数组中。然后通过刷新datagrid行。就会触发rowStyler函数。这样就可以来实现tree和datagrid的级联了。