自动完成Kendo控件当没有匹配的记录时,我不想显示“找不到数据”

时间:2016-12-01 16:06:42

标签: angular kendo-autocomplete

我有一个自动完成的剑道控制,我使用Angular,它按预期工作但我不想在没有记录与用户输入的文本匹配时显示“NO DATA FOUND”列表。

我找到了k-no-data-template选项,但是在没有找到数据的情况下设置了模板。

基本上我只想在有匹配结果的情况下显示列表。

3 个答案:

答案 0 :(得分:6)

你可以试试这个:

noDataTemplate: ''

例如

$("#autocomplete").kendoAutoComplete({
   dataSource: [
     { id: 1, city: "Bangalore" },
     { id: 2, city: "Pune" }
  ],
  dataTextField: "city",
  noDataTemplate: ''
});

所以在这里,找不到数据消息即使你想要自定义它也不会出现:

noDataTemplate: 'customized message'  // if you want to show your custom message to user

希望它适合你。

答案 1 :(得分:0)

您可以设置选项k-no-data-template =“''”

答案 2 :(得分:0)

您可以通过css / sass进行全局设置:

<link rel="stylesheet" href="https://unpkg.com/buefy/dist/buefy.min.css">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
        
        <div class="columns" id="app">
        <div class="column">                    
         <process-list></process-list>                

        </div>
        <div class="column">

          <article class="message is-info">
            <div class="message-header">
              <p>System info</p>
            </div>
            <div class="message-body">
                    <pre>memory and Storage info </pre>
            </div>
          </article>

        </div>
        <div class="column">

          <article class="message is-warning">
            <div class="message-header">
              <p>Backup avaiability</p>
            </div>
            <div class="message-body">                   
                <pre>Backup info </pre>
            </div>
          </article>


        </div>

   </div>