通过在我的搜索框中输入来渲染数据

时间:2014-12-12 13:10:38

标签: javascript jquery

代码

var readAll = function () {
    $.ajax(
            {
                url: _spPageContextInfo.webServerRelativeUrl +
                    "/_api/web/lists/getByTitle('PhoneBook')/items/" +
                    "?$select=Id, Title, pb_FirstName, pb_PhoneNumber" +
                    "&$orderby=Title,pb_FirstName, pb_PhoneNumber",
                type: "GET",
                headers: {
                    "accept": "application/json;odata=verbose",
                },
                success: function (data) {

                    var _table = $('.table');

                    var data = data.d.results;

                    for (var i = 0; i < data.length; i++) {
                        _table.append("<thead>");
                        _table.append("<tr>");
                        _table.append("<td>" + data[i].Title + "</td>");
                        _table.append("<td>" + data[i].pb_FirstName + "</td>");
                        _table.append("<td>" + data[i].pb_PhoneNumber + "</td>");
                        _table.append('</tr>');
                        _table.append("</thead>");

                        _table.sort(function (a, b) {
                            return parseFloat(a.Title) - parseFloat(b.pb_FirstName)
                        });
                    }
                },
                error: function (err) {
                    alert(JSON.stringify(err));
                }
            }
        );
};


$(document).ready(function () {
    readAll();
});

我有一个HTML表格中显示的列表。所以现在我构建一个HTML搜索框。所以当我点击搜索框中的名字时,它应该显示我的名字。我该怎么办?我如何按名称对数据进行排序?

抱歉我的拼写错误

1 个答案:

答案 0 :(得分:0)

我将var数据保存在var readAll之上。然后我在名称

下放了一个span类

然后我建立这个

$("#sort-button-lname").click(function () {
    console.log(data);
});

但是我得到了未定义的回复