在 Worklight 应用程序中根据 json 数据填充列表答案

【问题标题】：Populate List based on json data in Worklight Application在 Worklight 应用程序中根据 json 数据填充列表
【发布时间】：2013-07-31 11:44:52
【问题描述】：

我正在使用 DOJO 开发一个 Worklight 应用程序，它显示基于 web 服务响应的列表数据。为了获得 web 服务响应，我创建了一个适配器，我测试了适配器及其工作正常。我的问题是在另一个视图上显示这个 json 数据，也在我教的在列表中显示此数据的新视图中（列表应根据 json 数据数组长度填充），这样如果我单击列表，它将显示该详细信息。

如何做到这一点。任何帮助表示赞赏。

代码。

.js

function dispData()
{
    var invocationData = {
            adapter : 'getSampleAdapter',
            procedure : 'sample'
        };

    WL.Client.invokeProcedure(invocationData,{
        onSuccess : Success,
        onFailure : Failure,
    });
}

function Success(result)
{
    var httpStatusCode = result.status;
    if (200 == httpStatusCode) {


        dijit.registry.byId("view0").performTransition("view1", 1, "slide");
    }
}

html文件

<div data-dojo-type="dojox.mobile.ScrollableView" id="view0"
            data-dojo-props="selected:false,scrollDir:'v'">
        <div data-dojo-type="dojox.mobile.Heading"
            data-dojo-props="label:'Status'"></div>
            <button data-dojo-type="dojox.mobile.Button" style="margin-left: 38%; margin-top: 30%"
            data-dojo-props="label:'Data Details', onClick:function(e){dispData();}" ></button>
    </div>


<div data-dojo-type="dojox.mobile.ScrollableView" id="view1"
        data-dojo-props="selected:false,scrollDir:'v'">
        <div data-dojo-type="dojox.mobile.Heading"
            data-dojo-props="label:'Data'" back="Status" moveTo="view0"></div>

----------Json Data Should display here--------
</div>

【问题讨论】：

标签： ibm-mobilefirst dojo dojox.mobile

【解决方案1】：

这是一个技术论坛。在发布此内容之前，您必须尝试这样做。但是使用dojox.mobile.EdgeToEdgeStoreList.将json响应放入全局变量中，例如

    var mydata="[ ";
mydata+="{ 'label': 'bla bla', 'moveTo':'#'  }, ";
mydata+="] ";
global_var= eval (mydata);
globalStoreList.generateList(global_var);

并以编程方式构建一个列表(example)

【讨论】：