IBM worklight 如何使用 javascript + framework 7 显示动态列表

Posted 2023-03-29

【中文标题】IBM worklight 如何使用 javascript + framework 7 显示动态列表

【英文标题】：IBM worklight How to display a dynamic list using javascript + framework 7

【发布时间】：2014-09-21 11:08:06

【问题描述】：

我需要创建 json 中一些数据的动态列表

我的 js。

function displayFeeds(items)
        var ul = $('#Mylist');
        for (var i = 0; i < items.length; i++) 
             var li = $('<li/>').html(items[i].ID);
             li.append($('<li/>').html(items[i].ADDRESS));
             li.append($('<hr>'));
             ul.append(li);
       
    

我的html

<div  class="list-block">
            <ul id="Mylist">
                  <div class="item-inner">
                    <div class="item-title">Item</div>
                  </div>
                </a>
              </li>
            </ul>
          </div>

【问题讨论】：

您是否有错误，您还没有告诉我们您的问题是什么。

【参考方案1】：

听起来这与 Framework7 IMO 无关。 IMO 真正的问题是如何获取响应（“项目”）并显示它。 我还遗漏了您可能在 Chrome 的 DevTools 控制台中看到的任何错误（我假设您先预览了它......）。

尝试将您的 javascript 更改为以下内容，作为测试。 之后，您可以相应地更改“布局”。

for (var i = 0; i < items.invocationResult.resultSet.length; i++) 
       $("#Mylist").append("<li><item[i].ID</li>"); 
;

相关问题：

How to retrieve images from existing database using sql/http adapter from worklight application Worklight and jquery: I want fetch links present in the xml and want tag them with the row dynamically?