Title: easyui-tabs close error:Uncaught TypeError: Cannot read property
Post by: frankgao 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
<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);
}
Title: Re: easyui-tabs close error:Uncaught TypeError: Cannot read property
Post by: stworthy on May 11, 2016, 06:54:08 PM
Please look at this example http://code.reloado.com/opayes/edit#preview. It works fine.
Title: Re: easyui-tabs close error:Uncaught TypeError: Cannot read property
Post by: frankgao 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. <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);
}
});
}
}
});
}
Title: Re: easyui-tabs close error:Uncaught TypeError: Cannot read property
Post by: frankgao on May 12, 2016, 01:48:52 AM
Thanks your reply,
I debug this again.
|