根据Worklight应用程序中的json数据填充List

时间:2013-07-31 05:11:42

标签: ibm-mobilefirst dojo dojox.mobile

我正在使用DOJO开发一个Worklight应用程序,它显示基于webservice响应的列表数据。为了获得webservice响应,我创建了一个适配器,我测试了适配器及其工作正常。我的问题是在另一个视图上显示这个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>

1 个答案:

答案 0 :(得分:0)

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

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

并建立一个程序列表(example