Emberjs Autocomplete更新另一个

时间:2013-07-31 20:40:43

标签: validation autocomplete ember.js nested

我有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个对象,如何从视图中调用它们以及如何刷新第二个自动完成。非常感谢任何帮助。

0 个答案:

没有答案