使用ag-Grid

时间:2017-08-04 22:23:33

标签: angularjs ag-grid bootstrap-typeahead

我正在尝试使用Angular 1在ag-Grid中实现typeahead .ag-Grid文档站点中显示的typeahead实现使用ng2-typeahead,这是一个Angular 2 typeahead。

由于我正在处理的应用程序是基于Angular 1.5的,我尝试使用单元格编辑器实现Angular typeahead(ui.bootstrap.typeahead)。不知何故,它似​​乎没有在网格中工作。我试图引入typeahead的列是' Release'。我创建的单元格编辑器是' ReleaseEditor'。我正在使用实时JSON服务来获取数据。如果somone可以帮助我,那将是很好的。

单元格编辑器已创建

function ReleaseEditor() {
}

ReleaseEditor.prototype.init = function (params) {
    this.eInput = document.createElement('input');
    this.eInput.setAttribute("typeahead", "suggestion for suggestion in cities($viewValue)");
    this.eInput.setAttribute("typeahead-wait-ms", "300");
    this.eInput.setAttribute("ng-model", "result");
    this.eInput.value = params.value;

};

ReleaseEditor.prototype.getGui = function () {
    return this.eInput;
};

ReleaseEditor.prototype.afterGuiAttached = function () {
    this.eInput.focus();

};

ReleaseEditor.prototype.getValue = function () {
    return this.eInput.value;
};

This is the link to the plnkr

1 个答案:

答案 0 :(得分:0)

angularCompileRows:true对象上设置gridOptions时,它现在正在运行。我更新了plnkr下的工作演示, http://plnkr.co/edit/sbM5kewn8mD0w8qkv5ZO?p=preview