查找相对于位置的div标签？

Question

我在asp.net中使用淘汰赛。 我希望重用绑定到视图模型的局部视图。 即两种用法，每种情况下都绑定到不同的视图模型。

    <div class="col-xs-5" data-bind="with: vm1">
       @Html.Partial("~/Views/Shared/Customers/Modals.cshtml")
        @Html.Partial("~/Areas/Shared/Views/Lookup.cshtml")
    </div>

    <div class="col-xs-5" data-bind="with: vm2">
       @Html.Partial("~/Views/Shared/Customers/Modals.cshtml")
        @Html.Partial("~/Areas/Shared/Views/Lookup.cshtml")
    </div>

就可以显示基于正确的viewmodel的查找而言，这样做是可行的。

但是，在视图模型代码中，将搜索“模态”中的模型div标签，然后将其显示为模态。 这在其中一个地方引起了问题，因为找到的“模态div”总是相同的（我认为第一个）。

有没有一种方法可以搜索div标签，该标签指示我想要相对于自己所在的位置的东西？

BR来自后端开发人员：)

Answer 1

您可以根据视图模型中的id属性（id或其他任何属性）向每个div添加一个唯一的id属性：

<div class="col-xs-5" data-bind="with: vm1, attr:{id: vm1.id}">
   @Html.Partial("~/Views/Shared/Customers/Modals.cshtml")
    @Html.Partial("~/Areas/Shared/Views/Lookup.cshtml")
</div>

<div class="col-xs-5" data-bind="with: vm2, attr:{id: vm2.id}">
   @Html.Partial("~/Views/Shared/Customers/Modals.cshtml")
    @Html.Partial("~/Areas/Shared/Views/Lookup.cshtml")
</div>

然后在您查看模型：

var ViewModel = function(data) {
    var self = this;

    // Generate a random string, you might want to use your own method there
    this.id = ko.observable( Math.random().toString(36).substring(7) );

    // Div selection:
    self.findDiv = function() {
        // or $('#'+self.id()) if using JQuery
        return document.getElementById(self.id());
    }
}