Questions on Kendo UI for jQuery Forum

1 answer

310 views

Hello,

We’re experiencing a problem on IE10 and 11 concerning the date picker calendar popup. The calendar popup immediately closes when the mouse moves out from the calendar button.

The date picker is part of a grid filter.

The kendo UI Grid is configured for Ajax Binding which generates the filter code.

The calendar popup behaves as expected when tested on IE9, Chrome and Firefox.

Calendar Popup Html Snippet

<div class="k-animation-container" style=

"left: 6.5px; top: 86.72px; width: 207px; height: 239px; overflow: hidden; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; display: none; position: absolute; z-index: 10002;"

><br><br> <div

class="k-calendar-container<br>k-popup k-group k-reset" aria-hidden="true" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: none; position: absolute; font-stretch: normal; transform: translateY(-239px);' data-role="popup"><

br><br> <div class="k-widget k-calendar" id="7a220a39-81a2-4e85-a966-be5a672dcb3e" data-role="calendar"><br><br> <div class="k-header"><a class="k-link k-nav-prev" role="button" aria-disabled="false" href="#"><span class="k-icon<br>k-i-arrow-w"></span></a><a

class="k-link<br>k-nav-fast" role="button" aria-disabled="false" aria-live="assertive" aria-atomic="true" href="#">March 2014</

a><a class="k-link k-nav-next" role="button" aria-disabled="false" href="#"><span class="k-icon<br>k-i-arrow-e"></span></a></div>

Date Picker HTML Snippet

<div

class="k-column-menu k-popup<br>k-group k-reset k-state-border-up" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: block; position: absolute; font-stretch: normal; transform: translateY(0px);' data-role="popup"><

br><br> <ul tabindex="0" class="k-widget k-reset k-header<br>k-menu k-menu-vertical" role="menubar" data-role="menu"><br><br> <li class="k-item k-columns-item<br>k-state-default k-first" role="menuitem" style="z-index: auto;"><br><br> <span class="k-link"><span class="k-sprite<br>k-i-columns"></span>Display/Hide<span class="k-icon<br>k-i-arrow-e"></span></span><br><br> <div class="k-animation-container" style=

"left: 173px; top: 0px; width: 221px; height: 200px; overflow: hidden; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; display: none; position: absolute; z-index: 10002;"

><br><br> <ul

class="k-group k-popup<br>k-reset" role="menu" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: none; position: absolute; font-stretch: normal; transform: translateX(-221px);' data-role="popup"><

br><br> <li class="k-item k-state-default<br>k-first" role="menuitem"><span class="k-link"><input type="checkbox" data-field="BClassDescription" data-index="0">B Class</span></li><br><br> <li class="k-item<br>k-state-default" role="menuitem"><span class="k-link"><input type="checkbox" data-field="BLogicalName" data-index="1">Name</span></li>

Any help would be much appreciated. Thank you.

General Discussions

answered on 27 Mar 2014

1 answer

94 views

A big performance issue of rendering a simple menu

I just rendered a simple menu in a page both with grid, menu, charts. The menu took over 14 seconds to finish rendering. And all time was wasted on there 2 methods of kendoMenu: _initData and _updateClasses. Is it a bug of menu?

Menu

answered on 27 Mar 2014

1 answer

107 views

Splitter.size issues after updating kendo web

I just updated to the new web library, and now my splitter size methods are not working.

var splitter = $('#splitter').data('kendoSplitter'

);

splitter.size(

'#wb_queueDetails', (simulatedPanels*Globals.widthMultiplier/2)+'px');

This was working just fine with the previous version

Splitter

answered on 27 Mar 2014

1 answer

480 views

Custom filter based on 2 property object

Using the MVC wrapper, I've created a grid where one of the columns is bound to an object defined as roleId and roleName. Using a custom editor I've been able to make that a DropDownList as shown in this example: http://demos.telerik.com/kendo-ui/web/grid/editing-custom.html

Now I want to utilize a similar DropDownList for the filter. I've tried various permutations of cobbled together code I've found here and there, but with no success. What would be the best approach for this?

Thanks,
Lee

Grid

answered on 27 Mar 2014

3 answers

202 views

how do observablearray dataItem add property

Dear Sir

I have a observablearray from a children property of remote service, which is a purchase order. You could image it as master-child structure.

after get observablearray of order details, I bind it to a grid. It works well.

But when I try to add a dependency property to this observablearray to calcuate ( quantity * unit price.) But it couldn't work.

I know it could be done by bind "change" event and it works well. But I wonder if it can be done by dependency property or method.

there is the sample: http://jsfiddle.net/R6KSs/2/

Thank you very much.

Jason

MVVM

answered on 27 Mar 2014

1 answer

154 views

Treeview Templates

Does anyone have a working and complete sample of creating a treeview in which the nodes are action links to a controller/action/routevalue(s).

I'm using asp.net mvc and creating a treeview on the server using razor syntax. I'd like the nodes (when clicked/selected) to call an action on a controller which would in turn refresh a grid on the screen.

TreeView

answered on 27 Mar 2014

1 answer

175 views

ToDataSourceResult from WebService Asmx

Hola, i have an application that retrieve data from a webservice .asmx.

If i try to create a WebMethod that return an IEnumerable, my webservice return the error, that IEnumerable is not serializable, there's a way to pass the DataSourceRequest to webservice or return an IEnumerable.

This to avoid the ToList() method that make my performance lazy.

Thank you

Grid

answered on 27 Mar 2014

3 answers

143 views

[Solved] Compatibility between RadDiagram and DataViz Diagram

It looks like the new DataViz Diagram that's currently in beta has only a subset of the WPF RadDiagram control's capabilities, is this correct? And is the ultimate goal to have the DavaViz Diagram and the RadDiagram controls to be equal in functionality and be able to share diagrams with each other? Is this possible now?

Thanks, Ken

Diagram

answered on 27 Mar 2014

6 answers

186 views

[Solved] Multiple ListViews per view pull to refresh issue

Whenever you have multiple list views which have the pull to refresh functionality turned on within the same view, you get multiple displays of the pull to refresh text and icon when you pull the list for refresh. I've demonstrated this in this jsFiddle. I took the Telerik demo for Button Group and simply added pull to refresh to each of the list views.

This problem has been around for a long while, and still exists in the Q1'14 release.

ListView (Mobile)

answered on 27 Mar 2014

2 answers

319 views

Date Picker Validation Not Working - 2014 release

Hi,

I am trying to get the Validator working on a KendoUI date picker and cannot see what I am doing wrong.

I am attempting to use the following code.

<div id="tickets">

<label for="datepicker">Start Date</label>

<input type="date" id="datepicker" name="searchstart" />

<span class="k-invalid-msg" data-for="searchstart" validationMessage="Test"></span>

</div>

<script>

$(document).ready(function() {

$("#datepicker").kendoDatePicker({

format: "dd/MM/yyyy"

});

var validator = $("#tickets").kendoValidator().data("kendoValidator");

});

</script>

When the page loads, I can type what ever text I want in the date such as "kendo", lose focus on the element and no validation occurs.

I have tested this on both JSBin and Kendo Dojo without any success

What am I missing?

Kind Regards,
Jonathan

DatePicker

answered on 27 Mar 2014