Question

目前我正在将数据添加到我的无序列表中，如下所示：

<ul id="mychats"></ul>

if (obj.request_type == 'client_information') {
    $("#mychats").children().remove();

    $.each(obj.clients_information, function (index, data) {
        var li = "<li class='not_selected' id='" + data.chatid + "'>" + data.client_name;

        if (data.status == 0) //Chat is unlocked
            li += " <img class='chat_status' src='https://www.astro.ru.nl/lopes/_media/intra.png?w=&h=&cache=cache' />";
        else
            li += " <img class='chat_status' src='https://confluence.atlassian.com/download/attachments/686859081/page-restrictions-padlock-icon.png?api=v2' />";

        li += "</li>";
        $("#mychats").append(li);
    });
}

这是按预期工作的，但我想以不同的方式进行，我想直接将ul与obj.clients.informations中的数据绑定。

obj中的示例JSON数据：

{
    "request_type": "client_information",
    "clients_information": [{
        "chatid": "0a9ef3c4-b34a-435f-b0c5-15bf415e1517",
        "client_name": "awd",
        "status": 0
    },{
        "chatid": "08a725c4-4fd1-471d-a507-4782f6bbc774",
        "client_name": "awdaeqdaw",
        "status": 0
    }]
}

类似的东西：

<ul id='mychats' data-bind='foreach: Clients' data-role='listview'>
    <li data-binding='class: thisclass, id: chatid, text: client_name'></li>
</li>

使用jQuery中的指定代码将其绑定到无序列表。我试图在网上搜索，我真的找不到jQuery的例子。

就是这样：https://github.com/StartApp-SDK/Documentation/wiki/Android-InApp-Documentation（我希望我的对象能有这样的东西）

谢谢大家。

Answer 1

该示例使用knockoutjs库。网站上的文档是正确的，并且正是您所追求的。

将json解析为一个对象并使用knockout将对象绑定到标记。

Jquery数据绑定到无序列表

1 个答案: