Tab + Treegrid -- $.data(...) is undefined

[mzeddd]

Hi,

I have the following code

Code:

<script>
	function addTab(){
		address = 'new.html';
		if ($('#docTabs').tabs('exists','New')){
			$('#docTabs').tabs('getTab','New').panel('refresh',address);
			$('#docTabs').tabs('select','New');
		} else {
			$('#docTabs').tabs('add',{title:'New',href:address,closable:true});
		}
	}
</script>
<div id="docTabs" class="easyui-tabs" style="width:700px;height:250px">
	<div title="TEST" style="padding:10px">
		<input type="button" onclick="addTab()" value="TEST">
	</div>
</div>

new.html (short copy of basic.html from treegrid demo)

Code:

<table title="Folder Browser" class="easyui-treegrid" 
		data-options="
			url: 'treegrid_data1.json',
			method: 'get',
			rownumbers: true,
			idField: 'id',
			treeField: 'name'
		">
	<thead>
		<tr>
			<th data-options="field:'name'" width="220">Name</th>
			<th data-options="field:'size'" width="100" align="right">Size</th>
			<th data-options="field:'date'" width="150">Modified Date</th>
		</tr>
	</thead>
</table>

1) When I press button I get

Code:

syntax error ......  treegrid_data.json:1:1

This problem is visible in Firefox with basic.html from treegrid demo folder.

2) When I press button again (the New tab is already oppened) I get this:

Code:

TypeError: $.data(...) is undefined .......jquery.easyui.min.js:10107:7

[jarry]

Please call 'refresh' method on a visible tab panel. Try this code instead.

Code:

$('#docTabs').tabs('select','New');
$('#docTabs').tabs('getTab','New').panel('refresh',address);

[mzeddd]

It works.

What is the difference? Why it works like this?

What about syntax error?

Also I can see that load Ajax load is not working in Chrome when loading local file, not remote from web server. (see jquery-easyui-1.4.5/demo/tabs/nestedtabs.html example)

It seems like it is Chrome thing as it does not work in many examples.

XMLHttpRequest cannot load file://3pp/jquery-easyui-1.4.5/demo/treegrid/treegrid_data1.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.