如何在嵌套的foreach中调用后方处理程序功能？

Question

我曾备有语句，并用后面来调用该功能。

<div data-bind="foreach: { data: Object.keys(pricings()), as: '_propkey', afterRender: pricingTableRenderedHandler }">

在此迭代中，_propkey是一个字符串。然后，我不得不将foreach语句更改为以下：

<div data-bind="foreach: { data:  pricings(), as: '_propertykey', afterRender: pricingTableRenderedHandler}">
    <div data-bind="foreach: { data: _propertykey.states, as: '_secondarypropkey'}">

。

  self.pricingTableRenderedHandler = function (data, stateName) {
        var tableSelector = "#" + stateName.states.state.replace(/\s/g, '');

        hideEmptyTableColumns.hide(tableSelector);
        replaceEmptyTableCells.replaceBy(self.emptyCellValue, tableSelector);
  }

如果旧foreach，则在statename参数中接收了字符串 现在，它收到一个看起来像这样的对象。

[ 
"cropYear" : "2020"
"states": [
    {
        "state": "Tbilisi",
        "details": {
            "PriceHeaders": [
            
            ],
            "Comment": "TBi",
            "Pricings": [
            ]
        }
    }
    {
        "state": "Texas",
        "details": {
            "PriceHeaders": [
               
            ],
            "Comment": "dasdsa",
            "Pricings": [
            ]
        }
    }
]

]

我只需要采用“状态”属性值。 我假设我需要在Inner foreach中调用Handler功能，但是由于某种原因，我不能。除非将其写在第一个foreach中，否则它不会被调用。

Answer 1

foreach绑定为每个元素创建一个新的绑定上下文。如果在模板中，您将传递给，则需要访问原始上下文的属性，则可以使用$ parent访问该属性。

<div data-bind="foreach: { 
                  data:  pricings(),
                  as: '_propertykey'
                }">
  <div data-bind="foreach: {
                    data: _propertykey.states,
                    as: '_secondarypropkey'},
                    afterRender: $parent.pricingTableRenderedHandler">
    <!--                         ^^^^^^^^                          -->
  </div>
</div>

请注意，该函数将以当前元素（$ data）为this来调用。如果您的处理程序依赖于此，则可以使用$ parent.methodname.bind（$ parent）。