jQuery UI Widgets › Forums › Layouts › DockPanel › error .. even number of child div elements required?
Tagged: dock panel
This topic contains 2 replies, has 2 voices, and was last updated by d_l 10 years, 2 months ago.
April 9, 2013 at 9:43 pm error .. even number of child div elements required? #18915
I’m embedding jqxNavigator (and other jqxWidgets) into panels in a jqxDockPanel layout.
I copied and pasted the jqxNavigatorBar demo source (Default Functionality) from here
But on loading the embedded code in jqxDockPanel page I get this error …
Invalid jqxNavigationBar structure. Please add an even number of child div elements that will represent each item’s header and content.
I count the number of child div elements inside root div id=”jqxNavigatorBar” to be an even number (6) as copied and pasted exactly from the default demo.
Any ideas why I get this error message? Perhaps mismatched div elements?
I tried changing the embedded jqxNavigationBar to sit in another panel .. in fact ‘content’ .. and I get the same error.
However using exactly the same copied and pasted jqxNavigationBar code I managed to get it working in a more basic merge of the two default demos jqxDockPanel and jqxNavigationBar.
So it seems that my more complex jqxDockPanel (too complex to post here) has a problem.
What debugging approach is suggested? I can inspect content of different divs using this debugging script.
// trace div elements
var h = $(“#jqxDockPanel”).html(); // get html
var t = $(“#jqxDockPanel”).text(); // get text
var h = $(“#content”).html(); // get html
var t = $(“#content”).text(); // get text
alert (t);April 10, 2013 at 5:49 am error .. even number of child div elements required? #18942
If the structure that you created for jqxNavigationBar is not correct, i.e you do not have pairs of header/content, you will end up with such error message. From your post, I cannot say what is wrong on your side so please, post a sample which demonstrates that behavior.
http://www.jqwidgets.comApril 10, 2013 at 8:09 pm error .. even number of child div elements required? #19029
I decided to start again from the ground up.
I recreated jqxDockPanel (with 10 panels) but initially without nested jqxWidgets.
I nested jqxNavigationBar into a target panel in jqxDockPanel.
I’ve not changed the embedded jqxNavigatorBar code which generated my earlier error.
So the conclusion is there is some conflict with other code..
I intend to keep adding widgets into panels one by one until I find where the framework breaks.
I’m hoping to find some sort of generic debugging process to use such as Firefox -> Firebug logging.
This will be useful as I continue adding nested widgets.
I’ve found this online validator useful for flagging errors in element matching.
But unfortunately it doesn’t show where there are missing tags (if any).
You must be logged in to reply to this topic.