2017-04-22 28 views
0

以下是示例代碼 我需要在頁面中顯示客戶詳細信息。我在用戶界面中顯示「客戶詳細信息」不是單個記錄。對於每個客戶,我都試圖在表格中顯示詳細信息。在每個客戶表中,我需要顯示分頁。以下是用於顯示每個客戶的示例代碼。對於分頁我有以前的按鈕下拉和下一個按鈕。自從下拉值更改時,我需要顯示該特定客戶的下一個設置。問題是我無法在每個循環中敲出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> 

回答

0

如果我理解正確,您需要在選擇列表值更改時更新您的客戶詳細信息列表。在具有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">