kendoui + angularjs + autocomplete显示文本但将id设置为值

时间:2015-06-06 14:20:57

标签: angularjs autocomplete kendo-ui

我使用Kendoui's autocomplete和angularjs。

我有以下数据源:

[{Name:"Albania", Id:"1"},{Name:"Andorra", Id:"2"}]

如何在自动填充中向用户显示名称(阿尔巴尼亚,andora等),但将字段值设置为 id

这就是我尝试过的:dojo kendoui所以我现在得到了整个对象,但是无法将值设置为id。

<script>
  function MyCtrl($scope){
      $scope.countries = [
        {"Name":"Albania", "Id":"1"},
        {"Name":"Andorra", "Id":"2"},
        {"Name":"Armenia", "Id":"3"},
        {"Name":"Austria", "Id":"4"}
      ];
  }
</script>

<div ng-controller="MyCtrl">
  <input id="i" kendo-auto-complete ng-model="country" k-data-source="countries" data-text-field="Name" />
  <p>
    Your selection: {{ country }}
  </p>
</div>

我继续尝试修复,但我还没有:

我现在拥有的是:dojo

我想我可以使用select处理程序和/或更改处理程序来设置值,但保持自动完成中的文本不变,但没有成功。

2 个答案:

答案 0 :(得分:0)

还没有真正尝试使用kendo和angularjs,根据this,带有数据原语的kendo自动完成功能将返回dataTexfield / olny数组的字符串文本,数据值字段不起作用。而是使用默认值,即数据原语false,它将返回整个所选对象。检查此dojo您可以先获取整个对象来获取ID。

答案 1 :(得分:0)

我尝试继续修复问题。但我还没有完成。

我现在拥有的是:dojo

我想我可以使用select处理程序和/或更改处理程序来设置值,但保持自动完成中的文本不变。但我仍然失败