EasyUI Forum
May 02, 2024, 03:50:10 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: easyui-tabs close error:Uncaught TypeError: Cannot read property  (Read 6772 times)
frankgao
Jr. Member
**
Posts: 53


View Profile Email
« on: May 11, 2016, 02:49:50 AM »

I write a javascript function.
The function is close the tabs, when I call the function,the chrome console a error:
Uncaught TypeError: Cannot read property 'nodeName' of undefined

Code:
 
      <div id="main_layout" class="easyui-layout" style="width:100%;height:100%;">
       
            <div data-options="region:'north'" style="height:28px">
              </div>
       
            <div data-options="region:'center'" title="">
                <div id="divtabs" class="easyui-tabs" fit="true">
                    <div id="f001divtab" title="Tab1" style="padding:0px">
                        <div id="f001gridmaster"></div>
                    </div>
                    <div id="f002divtab" title="Tab2" style="padding:0px">
                        <div id="f002gridmaster"></div>
                    </div>
                    <div id="f003divtab" title="Tab3" style="padding:0px">
                        <div id="f003gridmaster"></div>
                    </div>
                    <div id="f005divtab" title="Tab4" style="padding:0px">
                        <div id="f005gridmaster"></div>
                    </div>
                    <div id="f007divtab" title="Tab5" style="padding:0px">
                        <div id="f007gridmaster"></div>
                    </div>
                    <div id="f009divtab" title="Tab6" style="padding:0px">
                        <div id="f009gridmaster"></div>
                    </div>
                    <div id="f015divtab" title="Tab7" style="padding:0px">
                        <div id="f015gridmaster"></div>
                    </div>
                    <div id="f016divtab" title="Tab8" style="padding:0px">
                        <div id="f016gridmaster"></div>
                    </div>
                    <div id="f000divtab" title="Tab9" style="padding:0px">
                        <div id="f000gridmaster"></div>
                    </div>
                </div>
            </div>
</div>


    function checkData(){
        $('#divtabs').tabs('close',1);
    }

Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: May 11, 2016, 06:54:08 PM »

Please look at this example http://code.reloado.com/opayes/edit#preview. It works fine.
Logged
frankgao
Jr. Member
**
Posts: 53


View Profile Email
« Reply #2 on: May 12, 2016, 01:44:53 AM »

Please look at this example http://code.reloado.com/opayes/edit#preview. It works fine.


Oh,I try it,my page hava 9 datagrid,i render and reload the datagrid this error appear.
When I commented out the render and reload,this error not appear.

Code:
<div id="f000gridmaster"></div> to <div id="f016gridmaster"></div>

            var array = ['f001gridmaster','f002gridmaster','f003gridmaster','f005gridmaster','f007gridmaster','f009gridmaster','f015gridmaster','f016gridmaster','f000gridmaster'];
            var pararray=['F001','F002','F003','F005','F007','F009','F015','F016','F000'];
            for(var j=0;j<array.length;j++){
                var gridname = array[j];
                var paraname=pararray[j];

                $('#'+gridname+'').datagrid({
                    idField: 'sysfunid',
                    title: '',
                    url: '/Box/SysGroup/GetJsonFunctionGrid',
                    method: 'get',
                    dataType: "json",
                    fit: true,
                    toolbar: '',
                    fitColumns: true,
                    rownumbers: true,
                    striped: true,
                    view: scrollview,
                    autoRowHeight: false,
                    pageSize: 500,
                    pagination: false,
                    remoteSort: false,
                    columns: [[
                        { field: 'sysfunid', hidden: true, title: 'ID' },
                        { field: 'sysfunnumber', title: '菜单编码', width: '120px', sortable: true },
                        { field: 'sysfunname_cn', title: '菜单名称', width: '150px', sortable: true },
                        { field: 'views', title: 'View', width: 50,
                            formatter: function (value, rec, rowIndex) {
                                if(value=='1'){
                                    return "<input type=\"checkbox\" id=\"viewscheckboxd"+rec.sysfunid+"\"  name=\"viewscheckboxd"+rec.sysfunid+"\" onclick=\"checkboxListener("+rec.sysfunid+",'views')\" value='"+value+"' checked='true'>";
                                }
                                else{
                                    return "<input type=\"checkbox\" id=\"viewscheckboxd"+rec.sysfunid+"\"  name=\"viewscheckboxd"+rec.sysfunid+"\" onclick=\"checkboxListener("+rec.sysfunid+",'views')\" value='"+value+"'>";
                                }
                            } },
                        { field: 'adds', title: 'Append', width: 50,
                            formatter: function (value, rec, rowIndex) {
                                if(value=='1'){
                                    return "<input type=\"checkbox\" id=\"addscheckboxd"+rec.sysfunid+"\"  name=\"addscheckboxd"+rec.sysfunid+"\" onclick=\"checkboxListener("+rec.sysfunid+",'adds')\" value='"+value+"' checked='true'>";
                                }
                                else{
                                    return "<input type=\"checkbox\" id=\"addscheckboxd"+rec.sysfunid+"\"  name=\"addscheckboxd"+rec.sysfunid+"\" onclick=\"checkboxListener("+rec.sysfunid+",'adds')\" value='"+value+"'>";
                                }
                            }
                        },
                    ]],
                    queryParams: {
                        id: id,
                        funnumber:paraname,
                    },
                    singleSelect: true,
                    selectOnCheck: false,
                    checkOnSelect: false,
                    onLoadSuccess: function (data) {
                        if (data) {
                            $.each(data.rows, function (index, item) {
                                if (item.checked) {
                                    $('#'+gridname+'').datagrid("checkRow", index);
                                }
                            });
                        }
                    }
                });
            }

Logged
frankgao
Jr. Member
**
Posts: 53


View Profile Email
« Reply #3 on: May 12, 2016, 01:48:52 AM »

Thanks your reply,
I debug this again.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!