1

我有 2 个自动完成字段,需要从第一个选择中更新第二个自动完成列表。这就是我所拥有的。

对输入框使用 JQuery.mixin 和 Validation.mixin。

Ng.CreateInsertblnController = Ember.ObjectController.extend(Ng.Validate,{
content: []
}


Ng.CreateInsertblnView = Ember.View.extend({

 vesselPicker: JQ.AutoComplete.extend({
   source: Ng.vessels.autocomplete,
   minLength: 0
 }),

 voyagePicker: JQ.AutoComplete.extend({     
  // JQ.AutoComplete extends from Ember.TextField
  source: Ng.voyage.autocomplete,
  minLength: 0
 })

});

Ng.vessels = Ember.ObjectController.create({
 inputText: "",
 autocomplete: function(request, response) {
   var term = request.term;
   var self=this;
    $.getJSON( "http://myjsonlink", request, function( data, status, xhr ) {

        var list = [];
        $.each(data,function(id,item){
            list.push(item.code);
        });
        response( list );
    });
}
});

 Ng.voyages = Ember.ObjectController.create({
 inputText: "",
 autocomplete: function(request, response) {
   var term = request.term;
   var self=this;
    $.getJSON( "http://myjsonlink", request, function( data, status, xhr ) {

        var list = [];
        $.each(data,function(id,item){
            list.push(item.code);
        });
        response( list );
    });
}
});

我尝试在控制器中创建 Ng.vessels 和 Ng.voyages,但在视图中我无法检索控制器数据。我的问题是如何在控制器中声明 2 个对象,如何从视图中调用它们以及如何刷新第二个自动完成。任何帮助将不胜感激谢谢。

4

0 回答 0