javascript - 从服务器过滤数据(使用 knockout )

Question

我正在使用 html/js/knockout 的页面中工作。该页面包含一个由服务填充的表。此外，此页面还包含诸如选择控件之类的过滤器，用户可以在其中选择此控件上的项目并查看包含数据的新更新表。与服务器的连接和绘制表格工作正常。我遇到的问题是如何使用过滤器处理表的负载，因为我首先使用所有默认参数调用我的服务。我的代码是这样的:

export var selectedType= ko.observable();

export function activate() {    
  loadInitData();
}

function loadInitData() {
   datacontext.getTypes(TypesObservable);
  datacontext.getRegistration(registrationsObservable, 'allTypes'); //just making simple
}

selectedType.subscribe(function (newValue) {    
   //calling to my service.
    datacontext.getRegistration(registrationsObservable, newValue.name);
   //My issue: this section is called also when my registrationsObservable are populated the first time.
 });

此代码的问题在于该表被多次填充。 (实际上我的页面中还有 3 个过滤器)。此链接显示的内容与我所描述的内容类似: http://jsfiddle.net/rolandomartinezg/U66n9/2/

谢谢!

Answer 1

如果您添加 optionsCaption，则 selectedFruit 将保持为空，直到做出选择。

http://jsfiddle.net/danne567/U66n9/5/

<select data-bind="options: items, optionsText: 'name', optionsCaption: 'Select fruit', value: selectedFruit"></select>

<span data-bind="text: selectedFruit() ? selectedFruit().name : ''"></span>