设置EasyUI的可编辑Treegrid单元格内容

最新推荐文章于 2021-03-10 17:06:22 发布

Sakura_lm

最新推荐文章于 2021-03-10 17:06:22 发布

阅读量6.9k

点赞数

分类专栏： EasyUI 文章标签： EasyUI TreeGrid

本文链接：https://blog.youkuaiyun.com/qq_36785111/article/details/80041097

版权

本文分享了在EasyUI的可编辑Treegrid中设置单元格内容的方法，由于Treegrid特性，不能直接使用DataGrid的方法如行索引和updateRow。作者提供了解决方案，实现了点击单元格修改第三列值的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用EasyUI的可编辑Treegrid功能时，需要在代码中设置Treegrid的内容；
由于Treegrid没有完全继承DataGrid的方法，比如Treegrid不可以使用行索引，以及Treegrid没有updateRow函数，而此时我们需要设置它的值时应该怎么做呢？
现在我将我的解决方法给大家分享出来，如下：
1、请看下图需求：单击单元格设置第三列的值
这里写图片描述
2、代码如下：

<!--前端代码-->
<table class="easyui-treegrid" id="dg" data-options="border:false">
			<thead>
				<tr>
					<th data-options="field:'name'" width="40%">
						<font class="my-datagrid-header">事项</font>
					</th>
					<th data-options="field:'code',align:'center'" width="20%">
						<font class="my-datagrid-header">代码</font>
					</th>
					<th data-options="field:'num

最低0.47元/天解锁文章