Kendo自动完成功能不会绑定模型

时间:2016-07-13 17:48:04

标签: javascript angularjs web kendo-ui kendo-autocomplete

我尝试绑定Kendo自动完成小部件中的对象。 麻烦的是,当我填充选项时,模型会转换为字符串,当我更改范围时,输入会显示文本[object object],因为模型不是字符串。是一个对象示例:

 Cliente : {NombreMostrar:''}

当我更改范围模型时,如何正确链接模型,在输入中显示名称,以及从窗口小部件中选择的项目正确更新对象模型。

 <input kendo-auto-complete k-ng-model="Credito.Cliente" k-options="ClientesBusqueda" style="width: 100%;" />

 $scope.ClientesBusqueda = {
    dataTextField: 'NombreMostrar',
    dataSource: {
        type: "get",
        serverFiltering: true,
        transport: {
            read: {
                url: "/Cliente/Buscar",
                dataType: "json",
                cache: false
            },
            parameterMap: function (data, action) {
                var newParams = {
                    clienteNombre: data.filter.filters[0].value
                };
                return newParams;
            }
        },
        schema: {
            data: function (response) {
                var clientes = response.clientes.map(function (cliente) {
                    cliente.NombreMostrar = (cliente.RazonSocial || [cliente.ApellidoPaterno, cliente.ApellidoMaterno, cliente.PrimerNombre, cliente.SegundoNombre].join(' ')).toUpperCase();
                    cliente.RFC = cliente.RFC.toUpperCase();
                    return cliente;
                });
                return clientes;
            }
        }
    }
}

1 个答案:

答案 0 :(得分:0)

我回答自己,我在这个链接中找到了一个解决方案,他为绑定模型创建了一个指向控件的指令。

https://codereview.stackexchange.com/questions/61638/custom-angular-directive-for-data-binding-on-teleriks-kendo-ui