Knockout.js 使用knock out在for each循环中获取下拉事件

Knockout.js 使用knock out在for each循环中获取下拉事件,knockout.js,Knockout.js,下面是示例代码 我需要在页面中显示客户详细信息。我显示的是客户详细信息,而不是UI中的单个记录。对于每个客户,我都试图在表中显示详细信息。在每个客户表中,我需要显示分页。下面是用于显示每个客户的示例代码。对于分页,我有上一个按钮、下拉列表和下一个按钮。因为当下拉值更改时,我需要显示该特定客户的下一个设置。问题是我无法在for each循环中获得knock out中的下拉事件 <ul class="pager"> <li><span> <

下面是示例代码 我需要在页面中显示客户详细信息。我显示的是客户详细信息,而不是UI中的单个记录。对于每个客户,我都试图在表中显示详细信息。在每个客户表中,我需要显示分页。下面是用于显示每个客户的示例代码。对于分页,我有上一个按钮、下拉列表和下一个按钮。因为当下拉值更改时,我需要显示该特定客户的下一个设置。问题是我无法在for each循环中获得knock out中的下拉事件

<ul class="pager">
    <li><span>
      <input type="button" class="btn dsg-back-btn" value="" title="Previous Page">
    </span></li>
    <li><span>
      <select class="queueQuery" data-bind="options: TablePageSize, optionsText: 'PageId', optionsValue: 'QueueId', optionsCaption: 'Select'">
        <option value="">Select</option>
        <option value="b66bc105-337c-4e5c-aead-6493a3ace358">1</option>
        <option value="b66bc105-337c-4e5c-aead-6493a3ace358">2</option>
        <option value="b66bc105-337c-4e5c-aead-6493a3ace358">3</option>
      </select></span></li>
    <li><span>
      <input type="button" class="btn btn-sm dsg-next-btn" value="" title="Next Page"></span></li>
  </ul>
  • 挑选 1. 2. 3.

如果我理解正确,您需要在“选择列表”值更改时更新客户详细信息列表。使用带有可观察属性的选择列表上的绑定并订阅该可观察属性,应该可以让您捕获下拉列表的更改并在视图模型中加载新数据

JS:

HTML:


var val = ko.observable();
val.subscribe(function (newVal) {
  // load new data into observable array bound to your list view
});
<select class="queueQuery" data-bind="options: TablePageSize, optionsText: 'PageId', optionsValue: 'QueueId', optionsCaption: 'Select', value: val">