Hi,
I have a dropdown list of say

-Save
-Open
-List1
-List2
-List2
- Exit

At my initial display of the list, I want only "Open" and "Exit" to be enabled for the user to select. Rest of the List items should be disabled for the user to select. Also, the Drop down should be enabled to see the options available.

How can I achieve configuring the list items as enabled and disabled at runtime?

Thanks and Regards
Devna

We have a kendo sortable listview object, and the definition and styles for the handler are given below.  The handler span contains a span which renders as the drag icon.  It looks fine, but the icon and row cannot can not be dragged.  If the inner span is replaced by text or a non-breaking space, it works fine.  

The icon we want to use is in a SVG sprite.  I tried styling the handler itself as the icon but it isn't possible to center the icon in the handler that way.

Is it possible to do what we are attempting to do?  Thank you!


Handler HTML:



Styles:

I'm trying to get an editor inside of a panelbar to work.  The only way it works is if I have a pre-selected panel.  Without a pre-selected panel kendo dies with the error "TypeError: t is undefined".

It seems I can only include the editor when there is a pre-selected panel.  No pre-selected panel and no editor works. 
With the code below, activate either the data-role or the pre-selection class, and it will fail.

I have an editor that comes up in a jquery dialog and when I click the hyperlink button the window that comes up I am not able to type in any of the fields, when its not in a dialog it works fine. This is only in the latest Chrome.

It looks like there is a bug in parsing of dates in 2-digits year format ("yy") that affects keyboard input in the DatePicker widget. I created a simple example of the issue at http://dojo.telerik.com/agaNa. To reproduce the issue change string value to '2/29/2013' with keyboard (don't use popup calendar!). Click anywhere outside of the widget. Surprisingly the value is changed to '2/29/2020'. This is a quite unexpected behavior.

It looks like the reason is that I configured the widget to support both 4-digits and 2-digits year formats (specifically "M/d/yyyy" and "M/d/yy"). Obviously 2013 is not a leap year and there is no "February 29, 2013" but "February 29, 2020" is a valid date!

After some investigation I found that the issue seems to be in the kendo.parseDate: 

kendo.parseDate('2/29/2013', "M/d/yy")
kendo.parseDate('2/29/2013', ["M/d/yyyy", "M/d/yy"])

both return date "February 29, 2020" instead of null.

Is there a way to allow both 4- and 2-digits year formats in a DatePicker but avoid such an issue with "February 29"?

After upgrading to 2014.3.1119, the resizable configuration of the grid no longer works when the grid handles the detailInit event.  You can replicate the problem by modifying the grid/hierarchy demo here:

http://demos.telerik.com/kendo-ui/grid/hierarchy

Just add resizable:true to the #grid and you'll see that the columns are not resizable.

Hello,

The angular DatePicker is not giving me "dateString"and  "dateObject values when my file is .cshtml. The change event is also not raised.
However, when the file is pure .html then things work properly.  Also, the jquery version of datepicker works properly.
I am not getting what is missed? Please let me know.

Also, How do I initialise Kendo date picker with a value from a controller method, like date picker  and text box, check box etc. Basically I should  get value from a MVC controller method as initial value. I am not able to do it.... Please let me know this also..

Following is the code portion...


@{
    ViewBag.Title = "Edit Product";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section HeaderSection {
 

    <link href="../../styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="../../styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
    <link href="../../styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
    <link href="../../styles/kendo.dataviz.default.min.css" rel="stylesheet" type="text/css" />

    <script src="../../Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="../../Scripts/angular.min.js" type="text/javascript"></script>
    <script src="../../Scripts/kendo.all.min.js" type="text/javascript"></script>
    <script src="../../Scripts/kendo.angular.min.js" type="text/javascript"></script>
   

}


    <div id="example" ng-app="KendoDemos">
    <div class="demo-section k-content" ng-controller="MyCtrl">
 

  <div class="details">
  <h5>Product Name </h5>
  <input kendo-masked-text-box style="width: 300px"  
            k-mask="''"
            k-options="productNameOptions"
            ng-model="initName"/>


   <h5> Price</h5>
   <input kendo-numeric-text-box k-min="0", k-max="99999"
            k-options ="priceOptions"   
            ng-model="initPrice"/>

   <h5> Select</h5>
   <input type ="checkbox"  id="checkbox1" ng-model="initValue"/>

   <h5> Choose Date</h5>
   <input kendo-date-picker   k-format="'dd MMMM yyyy'" ng-model="dateString" k-ng-model="dateObject"/>
  <pre>
dateString: {{ dateString }}
dateObject: {{ dateObject | date:"EEEE, MMMM d, yyyy" }}
@*typeof dateObject: {{ getType(dateObject) }}
dateObject instanceof Date: {{ isDate(dateObject) }}*@
</pre>
   <input id="datepicker" value style="width: 300px;"/>


    <h5>Categories </h5>
    <select id="categories1"
            kendo-drop-down-list style="width: 300px"
            k-options="customOptions"></select>

    <h5>Save Details </h5>
    <kendo-button on-click="onSave()"> Save</kendo-button>      

  </div>

 </div>
</div>

Hi there;

I'm trying to get at the raw data returned by an Everlive datasource (specifically, so that I can update values in a radial gauge), but when I look at the <datasource>.data.length property it always returns 0 and there doesn't seem to be any contents.  Am I doing something wrong?  What type of data should I expect .data() to return?

Thanks,
Jason

In this AngularJS TreeView (see here) the user can drag a tree node and drop it in a div. I analyzed the drop event with console.log(e) however I cannot see the usual e.clientX/e.clientY or e.offsetX/e.offsetY to determine where in the div the node was dropped. Is it possible to obtain these coordinates?

Thanks
Pablo

I am using Kendo Grid to render the grid data. I have multiple custom commands in one column. Out of the multiple custom command one command has to conditional command depends up on the data for that row. I couldn't able to get the value of the data (either row not column specific). I tried using template and I tried mentioning field none of them bringing up the data.

My question how do I render the multiple custom command with one of them being conditional command (depends upon the row data).

Thanks...