2 wcj920946195 wcj920946195 于 2016.09.11 13:24 提问

easyui treegrid 数据能显示但不能操作

easyui treegrid 原来可以双击修改操作,右键菜单操作;现在任何操作无法执行,在treegrid上单击会报错(单击双击错误类似):图片说明
功能:
图片说明

出了这个功能还有另一个界面也是使用的treegrid的编辑功能;出现了同样问题;大前天之前这些都是能用的;

很急啊,忘大侠们不吝指教给小弟指条明路!

4个回答

wcj920946195
wcj920946195   2016.12.20 10:42
已采纳

已经解决...
两个用treegrid的页面公用同一个easyui layout的north和west,这两个页面则是该layout的center部分,这两个页面中同时都有id=“mm”的easyui-menu控件,让两个id不同就ok了

maoshaofeng8
maoshaofeng8   2016.09.11 15:16

双击触发和单击触发应该是分别用了onDblClickRow和onClickRow吧、一定是你修改了什么才报错的、把相关的源码贴出来看看,看界面和这错误信息也看不出什么有用的信息。

wcj920946195
wcj920946195 这个问题如果是我不小心修改了这个页面代码的话不应该会出现另一个用treegrid的页面也不能用的情况啊
接近 2 年之前 回复
wcj920946195
wcj920946195 我在下面贴了出来,你看看
接近 2 年之前 回复
showbo
showbo   Ds   Rxr 2016.09.11 20:18

换个easyUI类库试试,不试试修改了什么东西。。不行再 onDblClickRow这种地方打断点,打不调试下是哪个地方触发的错误

wcj920946195
wcj920946195 我把jquery.easyui.min.js重新替换了新下载的文件不行啊;而且不进断点
接近 2 年之前 回复
wcj920946195
wcj920946195   2016.09.11 15:36
 var editNodeId = undefined;
            var selected_treegrid_row = undefined;

            $.parser.onComplete = function () {
                //宿舍treegrid
                $("#dg_dormitory").treegrid({
                    iconCls: 'icon-ok',
                    rownumbers: true,
                    animate: true,
                    collapsible: true,
                    fitColumns: true,
                    url: '/Trainee/getTreeViewData',
                    method: 'get',
                    idField: 'id',
                    treeField: 'text',
                    showFooter: false,
                    rowStyler: Styler,
                    onContextMenu: treegrid_onContextMenu,
                    columns: [[
                        { field: 'ck', checkbox: true },
                        {
                            field: 'id', align: 'right',hidden:true
                        },
                        {
                            title: '宿舍结构', field: 'text', width: 180,
                            editor: {
                                type:'textbox'
                            }
                        },
                        {
                            field: 'type', title: '类型', width: 60, align: 'right',
                            editor: {
                                type: 'combobox', options: {
                                    textField: 'type', valueField: 'value',
                                    data: [{ type: '*', value: '*' }, { type: '宿舍', value: '宿舍' }]
                                    , onSelect: function (record) {

                                        if (record.value == '*') {
                                            setEditorDisable();

                                            $.post('/Trainee/removeDormitory', editNodeId, function (res) {
                                                if (res == 'true') {
                                                    //$.messager.show({
                                                    //    title: '提示',
                                                    //    msg: '宿舍成功移除!',
                                                    //    timeout: 2000,
                                                    //    width: 350,
                                                    //    height: 150,
                                                    //    showType: 'slide'
                                                    //});
                                                }
                                                else {
                                                    $.messager.alert({
                                                        title: '警告',
                                                        msg: '宿舍移除失败',
                                                        icon: 'warning'
                                                    })
                                                }
                                            }, 'text');
                                        }
                                        else if(record.value=='宿舍'){
                                            setEditorEnable();


                                            $.post('/Trainee/addDormitory', editNodeId, function (res) {
                                                if (res == 'True') {
                                                    //$.messager.show({
                                                    //    title: '提示',
                                                    //    msg: '宿舍成功添加!',
                                                    //    timeout: 2000,
                                                    //    width: 350,
                                                    //    height: 150,
                                                    //    showType: 'slide'
                                                    //});
                                                }
                                                else {
                                                    $.messager.alert({
                                                        title: '警告',
                                                        msg: '宿舍添加失败',
                                                        icon: 'warning'
                                                    })
                                                }
                                            }, 'text');
                                        }
                                    }
                                }
                            }
                        },
                        {
                            field: 'count_bed', title: '剩余床位', width: 80
                            , editor: {
                                type:'textbox'
                            }
                        },
                        {
                            field: 'total_bed', title: '床位总数', width: 80
                             , editor: {
                            type: 'textbox'
                        }
                        }
                    ]],
                    onDblClickRow: function (row) {

                        if(editNodeId!=row.id && editNodeId !=undefined)
                        {
                            saveEditon();
                        }

                        $("#dg_dormitory").treegrid('beginEdit', row.id); 

                        editNodeId = row.id;
                        if ($("#dg_dormitory").treegrid('getChildren', row.id).length != 0) {
                            var ed = $('#dg_dormitory').datagrid('getEditor', { id: row.id, field: 'type' });
                            $(ed.target).textbox('disable');
                        }
                        if(row.type=='*')
                        {
                            setEditorDisable();
                        }
                    },
                    onSelect:function(row){
                        selected_treegrid_row = row;

                    }
                });
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
为什么treegrid在前台数据显示不了
-
使用easyUI的treegrid的时候,出现后台返回数据为空时,treegrid加载了前面请求到的数据到页面上的问题
当时具体使用的加载方式为: 解决办法:使用easyUI的treegrid提供的loadData方法。具体步骤如下: 1.写法和上面的图片一样,但是请删掉url这个属性 2.首先使用jQuery的ajax类方法从后台获取json格式的后台数据data(当然也可以使用其他方式,但是格式必须对) 3.在ajax的成功方法中做判断,看是否使用treegrid提供的loadData方
Jquery easyUI treeGride用js初始化后不显示树结构的解决方案
问题:       已知treeGride 1.44以及之前的版本中,用js的方式加载json数据来初始化一个treeGride会出现没有树结构的bug;       其要求的数据格式如下: [{ "id":1, "name":"C", "size":"", "date":"02/19/2010", "children":[{ "id"
SSH+Easyui之TreeGrid树形展现数据
介绍Struts2、Spring、Hibernate与easyui的TreeGrid结合,以树的形式展现数据库中数据。在开发中会碰到很多需要以树的形式展现数据,如导航条、权限管理模块中的资源管理,通常在数据库中都是以树的形式存在。例子程序以资源管理为例,使用treegrid展现资源管理子模块的数据。
easyui-treegrid 加载数据格式
前端框架用的是easyui-treegrid这个东西,毕竟不是做前台的,就只能带个框架了。 这个东西,都帮你搞定了,但是,需要测试一下怎么用,按照api上的试试,没有问题,但是,你自己做一下,估计就会出现问题了。不多说,这个还是第二次出现这个问题,第一次我以为(仅仅是我以为)我会记住这个问题,但是,现在再做的时候,又忘了。 treegrid 这个数据,属性不多说,就是,数据格式啊,下一级别的属
easyui的treegrid,只能出来父节点,子节点出不来
折腾了挺久,网上关于这种情况资料也不是很多,最终慢慢折腾终于折腾出来了
关于easyui treegrid 的数据格式的修改 完成类似于id pid 的平行数据
这几天要用到easyui 的treegrid 感觉到他的数据格式封装太成问题了,比较麻烦 捉摸了几天做了如下修改,希望能帮助大家 这是他默认的数据格式 [{ "id":1, "name":"C", "size":"", "date":"02/19/2010", "children":[{ "id":2, "name":"P
easyui 之treegrid分页的实现
easyui 中针对treegrid 实现分页的需求还是比较少的,但是也有这样的需求,因此整理一下,仅供参考。 1,treegrid 的设置: depTreeGrid=$("#dep_tree_grid").treegrid({ nowrap: true, fit : true, border : false,
使用easyui的treegrid可能遇见的小问题
博猪昨天搭建了一个小小的后台管理页面,需要一个树状的下拉列表,由于本小白是个只会写后端的小渣渣,所以使用easyui搭建了一下,先上个效果图吧 对于一个只会写后台的码农来说,这个页面还是很满足的,但是搭建过程中发现了几个小问题导致树的效果并显示不出来,所以分享给大家,防止大家也和我一样走弯路,好了,进入正题! (1).检查你的数据接口是否返回的是“_parentId”, 解决
easyui treegrid 编辑一行时设置某filename值为只读
treegrid添加一列时,id,text都可编辑;编辑时,只编辑text,保持id为不可编辑状态。 idField:'id' id text var row = $('#treegrid').treegrid('getSelected'); $('#treegrid').treegrid('beginEdit', row.id);  //此id为