easyui treegrid 无法编辑的问题

Question

var editingId;
$(function() {

	// 设置表格窗口大小
	$("#p").resize(function() {

		$("#p").width(function() {
			return $(window).width();

		});
		$("#p").height(function() {
			return $(window).height();
		});

	});
	inittreegrid();
	settreevalue();

	// 单击事件
	
	$("#add").click(function() {	
		 insert();
	});
	$("#remove").click(function() {	
		remove();
	});
	$("#edit").click(function() {	
		edit();
	});
});
function inittreegrid() {
	$('#tg').treegrid({
		iconCls: 'icon-ok',
        rownumbers: true,
        animate: true,
        collapsible: true,
        fitColumns: true,
//        url: 'treegrid_data2.json',
        method: 'get',
        idField: 'fid',
        treeField: 'fname',
		 onContextMenu: onContextMenu,
		 onDblClickRow: function (rowIndex, rowData){
				edit();
				
			},
  		columns : [ [  {
			field : 'fname',
			title : '菜单名称',
			width : 150,
			align : 'center'
		}, {
			title : '菜单编码',
			field : 'fid',
			width : 100,
			align : 'center'
		},
		{
			field : 'level',
			title : '菜单等级 ',
			width : 80,
			align : 'center'
		} , {
			field : 'icon',
			title : '菜单图标 ',
			width : 100,
			align : 'center'
		}, {
			field : 'isleafstr',
			title : '叶子菜单 ',
			width : 80,
			align : 'center'
		}, {
			field : 'titlename',
			title : '选项卡名称 ',
			width : 100,
			align : 'center'
		}, {
			field : 'url',
			title : 'action名 ',
			width : 100,
			align : 'center'
		}, {
			field : 'type',
			title : '类型 ',
			width : 100,
			align : 'center'
		}, {
			field : 'bm',
			title : '关联表名 ',
			width : 100,
			align : 'center'
		}
		, {
			field : 'descr',
			title : '说明 ',
			width : 100,
			align : 'center'
		}
		] ]
	});
}
function settreevalue()
{
	
	func.getFuncTreeJson(function(res)
	{
		
		if(res.success)
			{
		
			$('#tg').treegrid("loadData", res.jsonArray);
			}
	});
}

function formatProgress(value) {
	if (value) {
		var s = '<div style="width:100%;border:1px solid #ccc">'
				+ '<div style="width:' + value
				+ '%;background:#cc0000;color:#fff">' + value + '%' + '</div>'
		'</div>';
		return s;
	} else {
		return '';
	}
}
function onContextMenu(e, row) {
	e.preventDefault();
	$(this).treegrid('select', row.fid);
	$('#mm').menu('show', {
		left : e.pageX,
		top : e.pageY
	});
}

function insert(){

    var _data = {"fname":"yuheng","fid":"111"};
  
    var row = $('#tg').treegrid('getSelected');
  
     
    $('#tg').treegrid('append',{
    	
        parent: row.fid,  // 这里指定父级标识就可以了
        data: [_data]
    });
     
    $('#tg').treegrid('beginEdit',_data.id);
   
}
function remove() {
	var node = $('#tg').treegrid('getSelected');
	if (node) {
		$('#tg').treegrid('remove', node.id);
	}
}

function edit(){
	alert(0);
    if (editingId != undefined){
    	alert(null);
        $('#tg').treegrid('select', editingId);
        return;
    }
    alert(2);
    var row = $('#tg').treegrid('getSelected');
    if (row){
    
        editingId = row.fid;
    	alert(row.fid);
        $('#tg').treegrid('beginEdit', editingId);
    }
}
function save(){
    if (editingId != undefined){
        var t = $('#tg');
        t.treegrid('endEdit', editingId);
        editingId = undefined;
     
      
       
       
    }
}
function collapse() {
	var node = $('#tg').treegrid('getSelected');
	if (node) {
		$('#tg').treegrid('collapse', node.id);
	}
}
function expand() {
	var node = $('#tg').treegrid('getSelected');
	if (node) {
		$('#tg').treegrid('expand', node.id);
	}
}


	



	


treegrid内容可以显示，也可以进行增加删除操作，可是beginEdit没有效果，有人说IDFIELD只能绑定ID的原因，没法理解，请大神指教。

Answer 1

你的问题解决了吗?我现在也遇到这个问题。我把他换成datagrid是可以编辑的，一换成treegrid就不能编辑了。是不是因为我的版本太低啊，我的是1.2.5版本。但是treegrid不是继承datagrid的吗？为什么不能开启编辑啊

Answer 2

我就是先选中行，然后编辑的啊，官网的DEMO我都看了好多遍了

Answer 3

你去看看官方的Demo代码吧！！！

我记得是要先调用选中行，再调用开始编辑。