Wicket 1.4-rc2

Marking up a ListView with dls, divs or ps has different results.
Specifically, <p> doesn't wrap children correctly.

If the outer/parent tags of a ListView are dl, all is well. If they are
divs, all is well ... but with <p> --- the closing </p> occurs right away -
before the rest of the list elements render.

I've include some example code.

-Luther



A <dl> example:

        <dl class="post-view" wicket:id="posts">
        <h4 wicket:id="title">[post-title]</h4>
            <dd class="dateline">
                <span wicket:id="author.fullName">[author]</span>,
                <span wicket:id="publishedOn">[published-on]</span>
            </dd>
            <dd class="tags">
                <ul class="cloud">
                    <li wicket:id="categoriesAsSortedList"><a href="#"
wicket:id="a-category"><span wicket:id="category-name">[category
name]</span></a></li>
                </ul>
            </dd>
            <dd class="tags">
                <ul class="cloud">
                    <li wicket:id="tagsAsSortedList"><a href="#"
wicket:id="a-tag"><span wicket:id="tag-name">[tag name]</span></a></li>
                </ul>
            </dd>
            <dd class="edit"><span wicket:id="editable"><a href=""
wicket:id="a-edit-post"><wicket:message key="m-edit"/></a>: <span
wicket:id="lastModifiedOn">[last-modified-on]</span></span></dd>
            <dd class="content" wicket:id="content">[post-content]</dd>
        </dl>

Results in:

<dl class="post-view" wicket:id="posts">
                <h4 wicket:id="title">Goodbye</h4>
                        <dd class="dateline">
                                <span wicket:id="author.fullName">Luther 
Baker</span>,
                                <span wicket:id="publishedOn">Jun 28, 
2009</span>
                        </dd>
                        <dd class="tags">
                                <ul class="cloud">

                                        <li 
wicket:id="categoriesAsSortedList"><a href="category/asdf"
wicket:id="a-category"><span
wicket:id="category-name">asdf</span></a></li>
                                </ul>
                        </dd>
                        <dd class="tags">
                                <ul class="cloud">
                                        <li wicket:id="tagsAsSortedList"><a 
href="tag/fdsa"
wicket:id="a-tag"><span wicket:id="tag-name">fdsa</span></a></li>
                                </ul>
                        </dd>

                        <dd class="edit"></dd>
                        <dd class="content" wicket:id="content">Hello</dd>
                </dl>
                <dl class="post-view" wicket:id="posts">...



A <div> example:

    <div wicket:id="posts">
        <h4 wicket:id="title">[post-title]</h4>
        <dl class="post-view">
            <dd class="dateline">
                <span wicket:id="author.fullName">[author]</span>,
                <span wicket:id="publishedOn">[published-on]</span>
            </dd>
            <dd class="tags">
                <ul class="cloud">
                    <li wicket:id="categoriesAsSortedList"><a href="#"
wicket:id="a-category"><span wicket:id="category-name">[category
name]</span></a></li>
                </ul>
            </dd>
            <dd class="tags">
                <ul class="cloud">
                    <li wicket:id="tagsAsSortedList"><a href="#"
wicket:id="a-tag"><span wicket:id="tag-name">[tag name]</span></a></li>
                </ul>
            </dd>
            <dd class="edit"><span wicket:id="editable"><a href=""
wicket:id="a-edit-post"><wicket:message key="m-edit"/></a>: <span
wicket:id="lastModifiedOn">[last-modified-on]</span></span></dd>
            <dd class="content" wicket:id="content">[post-content]</dd>
        </dl>
        </div>

results in:

                <div wicket:id="posts">
                <h4 wicket:id="title">Goodbye</h4>
                <dl class="post-view">
                        <dd class="dateline">
                                <span wicket:id="author.fullName">Luther 
Baker</span>,
                                <span wicket:id="publishedOn">Jun 28, 
2009</span>
                        </dd>
                        <dd class="tags">

                                <ul class="cloud">
                                        <li 
wicket:id="categoriesAsSortedList"><a href="category/asdf"
wicket:id="a-category"><span
wicket:id="category-name">asdf</span></a></li>
                                </ul>
                        </dd>
                        <dd class="tags">
                                <ul class="cloud">
                                        <li wicket:id="tagsAsSortedList"><a 
href="tag/fdsa"
wicket:id="a-tag"><span wicket:id="tag-name">fdsa</span></a></li>
                                </ul>

                        </dd>
                        <dd class="edit"></dd>
                        <dd class="content" wicket:id="content">Hello</dd>
                </dl>
                </div>
                <div wicket:id="posts">...



But <p>:

    <p wicket:id="posts">
        <h4 wicket:id="title">[post-title]</h4>
        <dl class="post-view">
            <dd class="dateline">
                <span wicket:id="author.fullName">[author]</span>,
                <span wicket:id="publishedOn">[published-on]</span>
            </dd>
            <dd class="tags">
                <ul class="cloud">
                    <li wicket:id="categoriesAsSortedList"><a href="#"
wicket:id="a-category"><span wicket:id="category-name">[category
name]</span></a></li>
                </ul>
            </dd>
            <dd class="tags">
                <ul class="cloud">
                    <li wicket:id="tagsAsSortedList"><a href="#"
wicket:id="a-tag"><span wicket:id="tag-name">[tag name]</span></a></li>
                </ul>
            </dd>
            <dd class="edit"><span wicket:id="editable"><a href=""
wicket:id="a-edit-post"><wicket:message key="m-edit"/></a>: <span
wicket:id="lastModifiedOn">[last-modified-on]</span></span></dd>
            <dd class="content" wicket:id="content">[post-content]</dd>
        </dl>
        </p>

results in:

                <p wicket:id="posts">
                *</p>*<h4 wicket:id="title">Ciao Time</h4>

                <dl class="post-view">
                        <dd class="dateline">
                                <span wicket:id="author.fullName">Luther 
Baker</span>,
                                <span wicket:id="publishedOn">Jun 28, 
2009</span>
                        </dd>
                        <dd class="tags">
                                <ul class="cloud">
                                        <li 
wicket:id="categoriesAsSortedList"><a href="category/ok"
wicket:id="a-category"><span
wicket:id="category-name">ok</span></a></li>

                                </ul>
                        </dd>
                        <dd class="tags">
                                <ul class="cloud">
                                        <li wicket:id="tagsAsSortedList"><a 
href="tag/there"
wicket:id="a-tag"><span wicket:id="tag-name">there</span></a></li>
                                </ul>
                        </dd>
                        <dd class="edit"></dd>

                        <dd class="content" wicket:id="content">Whatt</dd>
                </dl>
                <p wicket:id="posts">...

Reply via email to