-1

監視可能な配列によって作成されたリストのアルファベット順の仕切りを作成するにはどうすればよいですか? リストを姓で分けたい。すでにソートされており、仕切りが必要なだけです。

リストは次の場所に作成されます。

function GetUsersByLocation(){

        var url = 'http://localhost/Service.svc/GetUsersByLocation/'+localStorage.CurrentLocationId;

        var jqxhr =
        $.getJSON(url,
        function (data) 
        { 
            userViewModel.clearUsers();
            $.each(data.GetUsersByLocationResult, function (key, val) {
                userViewModel.addUser(val.FirstName, val.LastName);
            });
            ko.applyBindings(userViewModel, document.getElementById("usersListView"));
        })
         .success(function () { $('#usersListView').listview('refresh'); })
    }

そしてここに実装されています：

<div>
    <ul id="usersListView" data-bind="template: {name: 'usersListTemplate', foreach: users}" data-role="listview" data-filter="false" data-filter-placeholder="enter a colleague's name..."></ul>
</div>
<script id="usersListTemplate" type="text/html">
    <li><a href="javascript: void(0)">
        <table>
            <tr class="colleague">
                <td>
                    <table>                         
                        <tr><td><span class="firstname_" data-bind="text: firstname"></span>&nbsp;<span data-bind="text: lastname"></span></td></tr>
                    </table></a>
                </td>
            </tr>
        </table>
    </li>
</script>
4

1 に答える 1

1

1.2 を使用している場合は、ここに示すように data-autodividers="true" 属性を追加できます。必要に応じて、リストビューで autodividersSelector オプションを設定して、カスタム セレクターを指定できます。

リストビューは、そのアイテムの仕切りを自動的に生成するように構成できます。これは、任意のリストビューに data-autodividers="true" 属性を追加することによって行われます。

于 2012-11-19T15:28:03.497 に答える