Listview : How to wrap Group and Content inside a container

Question

Hi, is it possible to wrap the listview Group Header and Content inside a container?

Actually I have something like this :

<div id="HeaderTemplate">
    <h1 data-win-bind="innerText: title></h1>
</div>
<div id="TextTemplate">
    <!-- My template for each list item -->
</div>

What I want to do is wrapping each group of Items inside a container, like this :

<div id="container">
    <div id="HeaderTemplate">
        <h1 data-win-bind="innerText: title></h1>
    </div>
    <div id="TextTemplate">
        <!-- My template for each list item -->
    </div>
</div>

Each group of datas must be in a separate container... Is it possible ?

Thank you,

Halfman.

Answer 1

Hi, MrHalfman

As far as I know, you cannot do this directly. If you add container to wrap group header and item, In data-win-options property you cannot use the style you define. Because, in javascript for windows store app, listview control do not have GroupStyle property which this exist in C# or .Net for windows store app. You can refer to the link below :

http://msdn.microsoft.com/en-us/library/windows/apps/br211837.aspx

Best Wishes!

---

<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support

Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

Answer 2

Thanks for the answer.

Finally, I decided to make this with jQuery...