$(function(){
$('#tree_org').treegrid({
title:'组织机构列表',
iconCls:'icon-ok',
width:1000,
height:400,
nowrap: false,
rownumbers: true,
collapsible:true,
url:'OrgServlet?method=getOrgList',
idField:'id', //数据表格要有主键
treeField:'name', //treegrid 树形结构主键 text
fitColumns:true ,
columns:[[
{field:'name',title:'机构名称',width:200} ,
{field:'count',title:'机构人数',width:120} ,
{field:'principal',title:'机构负责人',width:120} ,
{field:'description',title:'机构描述',width:120}
]],
onContextMenu: function(e,row){
e.preventDefault(); //屏蔽浏览器的菜单
$(this).treegrid('unselectAll'); //清除所有选中项
$(this).treegrid('select', row.id); //选中状态
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
}
});
* idField 必须要有 每次点击节点 都会把把参数名为id传递到后台
* $(this).treegrid('unselectAll'); //清除所有选中项 数据表格设置为多选才能用
* $(this).treegrid('select', row.id); //选中状态 标记选中状态
* treeField 以哪个字段 组织树状结构
* $(this).treegrid('select', row.id); //选中状态 这里与tree的select方法不同 传递的参数是id 不是dom对象 参数也不一样 这里是一行记录 tree是node
data:{
parentId:node.id ,
name:$('#myform').find('input[name=name]').val(),
count:$('#myform').find('input[name=count]').val(),
principal:$('#myform').find('input[name=principal]').val(),
description:$('#myform').find('textarea[name=description]').val()
} ,
* name:$('#myform').find('input[name=name]').val(), 找到表单填写的值 很重要
$('#myform').form('load',{
id:node.id ,
name:node.name ,
principal:node.principal,
count:node.count ,
description:node.description
});
* form的load方法 表格的填充
success:function(r){
var node = $('#tree_org').treegrid('getSelected');
var parent = $('#tree_org').treegrid('getParent' , node.id);
$('#tree_org').treegrid('reload' , parent.id);
$.messager.show({
title:'提示信息',
msg:'操作成功!'
});
}
* 不论是叶子节点还是非叶子节点 reload都刷新父节点
* remove在火狐 和 谷歌 不知道是关键字还是什么