kendo ui autocomplete - 在加载

时间:2017-11-11 01:00:10

标签: angularjs kendo-ui autocomplete ng-bind kendo-autocomplete

我有一个文本框,我添加了kendoAutoComplete函数。这工作正常。但是,我想在页面加载时为此文本框设置一些值(我从DB获取值)。使用KendoAutoComplete,我无法设置此项。

我可以实现KendoAutoComplete或设置datsource。它们都可以单独工作。如果我包含与两者相关的代码 - 它不起作用。下面是代码。如果您遇到过这个问题,能否请一些投入?

myController.js

$("#txtPartNumbers").kendoAutoComplete({
            dataSource: {
                serverFiltering: true,
                enforceMinLength: true,
                transport: {
                    read: {
                        url: ApiBaseUrl.val + 'inventoryLocation/getParts',
                        type: "get",
                        dataType: "json",
                        data: function () {
                            return { partNumber: $scope.autoCompleteText }
                        }
                    }
                },
            },
            change: function(e) {
                $scope.autoCompleteText = this.value();
            },
            filter: "startswith",
            //placeholder: "Select Inventory Parts..",
            minLength: 3,
            separator: ", "
        });

CSHTML

<div class="sectionFloatLeft">
   <label>Part Number(s):</label><br />
   <input id="txtPartNumbers" type="text" ng-model="filterByPartNumbers" class="form-control filterTextArea" style="width: 300px;height:80px;" placeholder="Enter Part Numbers (Comma sepatared)" />
</div>

我在控制器中设置&#34; filterByPartNumbers&#34;

....
var data = getDataFromDB();
$scope.filterByPartNumbers = data.partNumbers;
...

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我能够将值设置如下:

$("#txtPartNumbers").data("kendoAutoComplete").value(data.partNumbers);

谢谢!