使用敲出获取每个循环内的下拉事件

问题描述：

以下是示例代码我需要在页面中显示客户详细信息。我在用户界面中显示“客户详细信息”不是单个记录。对于每个客户，我都试图在表格中显示详细信息。在每个客户表中，我需要显示分页。以下是用于显示每个客户的示例代码。对于分页我有以前的按钮下拉和下一个按钮。自从下拉值更改时，我需要显示该特定客户的下一个设置。问题是我无法在每个循环中敲出Dropdown事件。使用敲出获取每个循环内的下拉事件

<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>

答

如果我理解正确，您需要在选择列表值更改时更新您的客户详细信息列表。在具有observable属性的选择列表上使用value绑定并订阅该observable应该为您提供一种方法来捕获下拉更改并在您的视图模型中加载新数据。

JS：

var val = ko.observable(); 
val.subscribe(function (newVal) { 
    // load new data into observable array bound to your list view 
});

HTML：

<select class="queueQuery" data-bind="options: TablePageSize, optionsText: 'PageId', optionsValue: 'QueueId', optionsCaption: 'Select', value: val">

使用敲出获取每个循环内的下拉事件

相关推荐