如何在视图之间传递数据到另一个视图模型

Question

我在我的一个项目中使用 Boilerplatejs 和 asp.net mvc2。我在其中一个样板视图中有一个自动完成搜索框。我想将选定的"userId"（来自搜索框的建议）发送到另一个模块的视图模型，并使用该"userId"作为参数对我的控制器的操作方法进行 ajax 调用，然后获取一些特定信息给该用户，最后将其显示在该特定模块的视图中。

这是我的自动完成脚本

$(document).ready(function () {
    $('#name-list').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Home/Searchuser",
                data: { searchText: request.term, maxResults: 10 },
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            value: item.DisplayName,
                            avatar: item.PicLocation,
                            rep: item.Reputation,
                            selectedId: item.UserUniqueid
                        };
                    }))
                }
            })
        },
        select: function (event, ui) {

            return selectedId; // **here im returning the required userId**
        }
    }).data("autocomplete")._renderItem = function (ul, item) {
        var inner_html = '<a><div class="list_item_container"><div class="image"><img src="' + item.avatar + '"></div><div class="label"><h3> Reputation:  ' + item.rep + '</h3></div><div class="description">' + item.label + '</div></div></a><hr/>';
        return $("<li></li>")
                .data("item.autocomplete", item)
                .append(inner_html)
                .appendTo(ul);
    };

});

我的问题是如何从其他模块的视图模型中捕获这个返回的 userId？因此，我可以对Action方法进行ajax调用并检索必要的信息。有人可以帮助我吗？

Answer 1

我认为你应该在这里使用URL控制器。用户从搜索框中选择特定的用户配置文件后，您可以让应用程序导航到用户的配置文件页面。像这样：

Boiler.UrlController.goTo("user/"+ user.id);

现在，您的用户配置文件组件应该侦听

controller.addRoutes({
    'user/{id}' : new UserComponent(context),
});

能够通过 URL 寻址您的业务对象总是好的。这增强了为浏览器添加书签和保留历史记录的能力。