locked
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.

    Friday, September 6, 2013 9:31 AM

Answers

All replies

  • 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.

    Monday, September 9, 2013 12:33 PM
  • Thanks for the answer.

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

    Monday, September 9, 2013 12:37 PM