[Easyui TreeGrid]多行选中可编辑，再次单击退出编辑状态

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

蔚蓝色天空sky

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

阅读量4.3k

点赞数 1

分类专栏： Easyui 文章标签： easyui treegrid beginEdit cancelEdit

本文链接：https://blog.csdn.net/ytangdigl/article/details/72233127

版权

本文介绍了如何在Easyui TreeGrid上实现多行选中编辑功能，并且详细讲解了当再次单击时如何退出编辑状态。同时，提供了关于如何获取选中行的编辑数据以及在Editor列类型为combobox时获取combobox值的方法。

摘要由CSDN通过智能技术生成

1、[Easyui TreeGrid]在上篇[Easyui Treegrid ]单行选中编辑的基础上，实现更为复杂的多行选中可编辑，再次单击退出编辑状态。
这里写图片描述
2、上代码
第一段代码：

<fieldset>
                <legend>顾客</legend>

                <div id="constomerTabs" data-options="border:false" class="easyui-tabs" style="width:550px;height: 240px;padding:5px;">

                    <div title="单次消费" data-options="closable:false" style="overflow:auto;padding:5px;display:none;">
                       <div id="single_con" class="easyui-panel"  style="width:100%;height:100%;"> 
                              <table id="conSingleProjTreeGrid"></table>
                       </div> 
                    </div>
                    <div title="tab2" data-options="closable:false" style="overflow:auto;padding:5px;display:none;">

                    </div>
                    <div title="tab3" data-options="closable:false" style="overflow:auto;padding:5px;display:none;">

                    </div>
                    <div title="tab4" data-options="closable:false" style="overflow:auto;padding:5px;display:none;">


                    </div>
                </div>