Skip to main content

Posts

Showing posts with the label Kendo UI

How to Get Dropdown's Selected Item's property in Kendo UI?

Kendo Dropdown: getting the selected item You could use the   dataItem   method of the ComboBox/Dropdown to get the model for the selected item. As a side note, the context of the event handler is the ComboBox and it is accessible via   this . E.g. function   change(e) {      var   text =   this .text();      var   value =   this .value();      var   object =   this .dataItem( this .select()); } I hope that this information was helpful for you. I wish you a great day! and another way is : var ddl = $ ( "#ddl" ). data ( "kendoDropDownList" ). dataItem ( $ ( "#ddl" ). data ( "kendoDropDownList" ). select ()). FieldName ; //FieldName is the text field of DataSource --- .DataTextField("FieldName") Ref :  http://www.telerik.com/forums/getting-the-selected-item Ref : http://stackoverflow.com/questions/21600895/how-to-get-dropdowns-selected-items-tex...

Kendo UI :How do you make a kendo datepicker do date validation for a minimum date?

<!DOCTYPE html> <html> <head> <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" type="text/css" /> <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.rtl.min.css" rel="stylesheet" type="text/css" /> <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css" rel="stylesheet" type="text/css" /> <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" /> <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.default.min.css" rel="stylesheet" type="text/css" /> <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" /> <script src=...

Kendo UI File Uploading Client Side Validation

In Kendo UI async file uploading there is no option to make some client side validation like: No of files you can upload at a time Size of the file Extension of your uploading file               So, how we can achieve this ? So, to know that see the javascript code snippet below. I am going to explain that. $ ( '#selectedFiles-edit-win' ). kendoUpload ({ multiple : true , localization : { select : 'Select File(s)' }, async : { saveUrl : "/CFCS/AjaxFactory.cfc?method=uploadFile" , removeUrl : "/CFCS/AjaxFactory.cfc?method=cancelUploadedFile" , autoUpload : true }, select : function ( e ) { var files = e . files ; if ( files . length > 10 ) { alert ( "Maximum 10 files can be uploaded at a time." ); e . preventDefault (); return false ; }   for ( var fileCntr = 0 ; fileCntr < files . length ; fileCntr ++ ) { if ( files [ fileCntr ]. s...

Kendo UI Grid Only Expand One Row at a Time

detailExpand function -------------------------------------- var grd = "#dvGrid"; $(grd).kendoGrid({                     dataSource: donorData,                     detailInit: detailInit,                     detailExpand: function (e) {                         $(grd + " tr.k-detail-row").hide();                         $(grd + " tr.k-master-row").find(".highlightrow").removeClass("activerow");              ...

Kendo UI - Nested ClientTemplates not working

=================================================== #= firstName# (Bind main Grid) =================================================== \\#=Media\\# (Bind data in Sub-grid) =================================================== @(Html.Kendo().Grid<DbModels.Test>()                                             .Name("grdTest")                                             .Columns(columns =>                                             {                                                 columns.Template(e => { }).ClientTemplate("<i...