[2.0a1][CLOSED] Ext.DataView itemSelector is not defaulted to ''.

[NBRed5]

Ext 2.0-alpha1
ext-base.js
Windows XP Professional SP2
all browsers

The Ext.DataView itemSelector is not set to it's default value of '' (as stated in the docs) and must be set in all instances, i.e. must include itemSelector: ''

Just try to create an Ext.DataView without the itemSelector config item and load the store and you will get the following error:


path has no properties
http://localhost/MyGenerationWeb/js/source/js/ext-all-debug.js
Line 888

select(undefined, div#ext-gen267.ychooser-view, undefined)ext-all-debug.js (line 888)
refresh()ext-all-debug.js (line 17082)
fire()ext-all-debug.js (line 1495)
fireEvent()ext-all-debug.js (line 1200)
loadRecords(Object success=true records=[23] totalRecords=23, Object params=Object, true)ext-all-debug.js (line 10646)
loadResponse(Object params=Object request=Object reader=Object, true, Object tId=3 status=200 statusText=OK)ext-all-debug.js (line 11124)
apply(function(), Object events=Object conn=Object useAjax=true, [Object params=Object request=Object reader=Object, true, Object tId=3 status=200 statusText=OK], undefined)ext-base.js (line 9)
handleResponse(Object tId=3 status=200 statusText=OK)ext-all-debug.js (line 5183)
getViewWidth(Object conn=XMLHttpRequest tId=3, Object scope=Object argument=Object timeout=30000, undefined)ext-base.js (line 10)
getViewWidth()ext-base.js (line 10)
[Break on this error] var paths = path.split(",");

[jack.slocum]

itemSelector: '' is invalid anyway. You must include an item selector, it is not optional.

I will update the docs to reflect that. Thanks.

[mozenda]

I did not have this problem with Ext 2. What should I provide for the item selector?

I don't understand why this is required or even needed.

Here is my template:


var template = new Ext.XTemplate(
'<div class="zen-menu">',
'<table border=0 cellspacing=0 cellpadding=0>',
'<tpl for=".">',
'<tr><td id="Folder-{FolderID}" onmouseover="FolderPanelItemMouseOver(this);" onmouseout="FolderPanelItemMouseOut(this);">',
'<span class="zen-menu-folder-options-left">',
'<input type="hidden" name="IsFavorite" value="{IsFavorite}">',
'<a onclick="FolderPanelFavorite(\'{FolderID}\');" class="zen-tool-hidden zen-tool zen-tool-favorite" title="Favorite"></a>',
'</span>',
'<span class="zen-menu-folder-options-right">',
'<a onclick="FolderPanelEdit(\'{FolderID}\');" class="zen-tool-hidden zen-tool zen-tool-edit" title="Properties"></a>',
'<a onclick="FolderDelete(\'{FolderID}\', \'{Name}\');" class="zen-tool-hidden zen-tool zen-tool-delete" title="Delete"></a>',
'</span>',
'<a ext:qtitle="{Name}" ext:qtip="{Description}" onclick="FolderPanelClick(\'{FolderID}\', true);">{Name}</a>',
'</td></tr>',
'</tpl>',
'<tr id="folderpanel-morelink" class="x-hidden" ><td><span class="zen-menu-folder-options-left"></span><a class="zen-menu-more" onclick="FolderPanelMore();">More folders...</a></td></tr>',
'</table>',
'</div>'
);


Thanks.

[Condor]

You probably want:

itemSelector: 'tr'