Add a Button in nodatatemplate of Autocomplete in MVC

[Ajith]

How to add a button in nodatatemplate of autocomplete widget in MVC. Sample screenshot is attached.

[Martin]

Hello Ajith,

You can add a button in the noDataTemplate using the NoDataTemplateId:

.NoDataTemplateId("noDataTemplate")

Template:

<script id="noDataTemplate" type="text/x-kendo-tmpl">
    <div>
        No data found. Do you want to add new item - '#: instance.element.val() #' ?
    </div>
    <br />
    <button class="k-button" onclick="addNew('#: instance.element[0].id #', '#: instance.element.val() #')">Add new item</button>
</script>

Attached you will find a small project to demonstrate the above.

Let me know if you have any questions.

Regards,
Martin
Progress Telerik