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