python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
Kendo UI Combo Box Reset Value

Kendo UI Combo Box Reset Value


$("#ComboDdlCustomers").data("kendoComboBox").value(null);

Example in Detail as given below.

Kendo UI Combo Box MVC code

@(Html.Kendo().ComboBox()
    .Name("ComboDdlCustomers")
    .Filter("contains")
    .Placeholder("Select Customer...")
    .HtmlAttributes(new { style = "width:320px" })
    .DataTextField("Text")
    .DataValueField("Value")
    .BindTo(custLst1)
    .SelectedIndex(3)
    .Suggest(true)
    .Events(e =>
    {
        e.Select("onSelect");
    })
)


JavaScript code for onSelect() function event and Reset Value of Kendo UI Combo Box.

function onSelect(e) {
    var dataItem = this.dataItem(e.item.index());
    var custAccount = new Object();
    custAccount.erpCustomerId = dataItem.Value;

    // Reset Value of Kendo UI Combo Box.
      $("#ComboDdlCustomers").data("kendoComboBox").value(null);
}



ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions