2017-11-11 411 views
0

我有一個文本框,我添加了kendoAutoComplete函數。這工作正常。但是,我想在頁面加載時爲此文本框設置一些值(我從DB獲取值)。隨着KendoAutoComplete,我無法設置此。kendo ui自動完成 - 設置加載數據

我可以實現KendoAutoComplete或設置數據源。他們兩人分開工作很好。如果我包含與兩者相關的代碼,那麼它不起作用。以下是代碼。如果你遇到過這個問題,你可以給我一些投入嗎?

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> 

我設置「filterByPartNumbers」 在我的控制器

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

感謝您的幫助。

回答

0

我能夠設置的值如下:

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

謝謝!