1

我正在尝试用我的 SQL 数据库中的所有“用户”创建一个 dxList。请参考下面的代码。

MobileApplication.User = function (params) {

    var baseAddress = 'http://localhost:8733/Design_Time_Addresses/TestService/Service/';
    var users = [];

    function getUsers() {
    $.getJSON(baseAddress + 'users?callback=?',
        function (json) {
            //This return a valid Json string, and the variable "json" is basically the array.
            users = json;
        });
    }

    getUsers();
    console.log("USERS ARRAY: ");
    console.log(users);

    var viewModel = {
        listItems: users
    };

    return viewModel;
};

参数json返回一个有效的 json 数组（如果我调用console.log(json)它，它将在浏览器控制台中返回一个数组。

我正在尝试将此数组分配给users数组，但是console.log("USERS ARRAY: ")andconsole.log(users)返回一个空数组。

它怎么会返回一个空数组？users[] 是否没有被分配给从 json 构建的数组？

除此之外，我是 DevExtreme 的新手，我正在尝试将此数组应用于 dxList。请参阅下文。

<div data-options="dxView : { name: 'User', title: 'User' } ">
    <div class="home-view" data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-bind="dxList: { items: listItems }">
            <div data-options="dxTemplate: { name: 'item' } ">
                <div data-bind="text: Name"></div>
            </div>
        </div>
    </div>
</div>

我在这里做正确的事吗？在我读到 dxList 的所有地方，它们要么使用本地数据（文本文件或简单数组），我不知道如何实现这一点？

4

1 回答 1

0

该$.getJSON函数异步工作，因此console.log(users);不显示任何内容。

在您的情况下，我建议您使用ko.observableArray来保存加载的用户。

var users = ko.observableArray([]);

function getUsers() {
    $.getJSON(baseAddress + 'users?callback=?',
        function (json) {
        //This return a valid Json string, and the variable "json" is basically the array.
        users(JSON.parse(json));
    });
}

getUsers();

var viewModel = {
    listItems: users
};

此示例显示了这种方法的实际应用。

此外，您可以使用自定义存储对象来处理远程数据。请参阅此示例 - http://jsfiddle.net/sergfry/dssa338u/1/

于 2015-08-06T07:50:47.430 回答