Questions on Kendo UI for jQuery Forum

2 answers

110 views

Date time picker throws error in IE7 and IE8 Compatibility mode...

I am implementing the date picker in my system, and the control throws an error in jquery library when run using Ie7 and Ie8 compatibility mode.. I run on Ie10

I know there is a thread which discusses the same issue...
http://www.kendoui.com/forums/kendo-ui-web/date-time-pickers/datepicker-use-ie9-compatibility-mode-ie7-or-ie8-day-not-selected.aspx

it says.. its fixed in the latest version.. i have the latest one (kendoui.web.2013.2.716)... but i still experience the issue..

I took a screen recording and uploaded on youtube..
http://youtu.be/L_ZgDCtZJkA

I am fine, as long as there is a confirmation from telerik team that, it wud work fine on direct Ie7 and 8 browsers and not the compatibility mode... will it?

Date/Time Pickers

answered on 05 Sep 2013

3 answers

226 views

Command button navigation with arrow keys

Is it possible to navigate command buttons on the grid with arrow keys?

http://jsbin.com/ocekUQI/1/edit?html,output

My user would like to be able to navigate the grid with the arrow keys including the command buttons

Grid

answered on 05 Sep 2013

4 answers

241 views

How to render a complete <div>?

I've following <div>-element:

<div id="data"></div>

and creating dynamically via Javascript function following HTML code and insterting it into the <div>-element

html += " <ul data-role=\"listview\" data-style=\"inset\" data-type=\"group\">"

;

 html +=

" <li>"

;

 html +=

" <ul>"

;

 html +=

" <li data-icon=\"play\"><a href=\"../play-music.html\">Play Music</a></li>"

;

 html +=

" <li data-icon=\"cart\"><a href=\"../music-store.html\">Buy Music</a></li>"

;

 html +=

" </ul>"

;

 html +=

" </li>"

;

 html +=

" </ul> "

;



 document.getElementById(

"data").innerHTML = html;

The output wasn't rendered. How could I render it? Every function I've tried of the framework did't redner the complete <div> only parts :(

General Discussions

answered on 05 Sep 2013

2 answers

168 views

Cascading ComboBox not loading items on Edit Page

Hi,

I'm using Cascading ComboBoxes to outline a Account and it's Primary Contact. The Account ComboBox cascades down to the Primary Contact ComboBox, which loads a list of Contacts for that Account.

This all seems to work fine on my Create page, but when re-loading the data on the Edit page it hiccups a bit. The initial "Account" ComboBox loads properly, but the Primary Contact Box does not. When Inspecting the Object on the page, the value is properly set, but the ComboBox simply shows the Placeholder Text.

Sometimes when loading the page in debug mode, you can see the initial Values get put into the ComboBoxes, but the Primary Contact fails to set the selected item properly. This behaviour almost seems like it's a timing issue?

I've outlined my two ComboBoxes in the code below:

@(Html.Kendo().ComboBox()

.Name("AccountID")

.DataTextField("AccountName")

.DataValueField("AccountID")

.Placeholder("Not Applicable/No End User Known")

.Filter(FilterType.Contains)

.HtmlAttributes(new { style = "width: 325px;" })

.Events(e =>

{

e.Change("onChange_EndUser");

})

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetEndUserAccounts", "Accounts");

});

})

)

@(Html.Kendo().ComboBox()

.Name("PrimaryContactID")

.DataTextField("Name")

.DataValueField("ContactID")

.Placeholder("Not Applicable/No Contact is Known")

.Filter(FilterType.Contains)

.HtmlAttributes(new { style = "width: 325px"})

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetAccountContacts", "Contacts").Data("filterContacts_EndUser");

})

.ServerFiltering(true);

})

.CascadeFrom("AccountID")

)

And my Javascript:

function filterContacts_EndUser() {

return {

accountId: $("#AccountID").val()

};

}

Any help would be greatly appreciated!

Thanks,
Landon

ComboBox

answered on 05 Sep 2013

4 answers

414 views

View data-reload=true, but it doesnt refresh data source

Hello,

did I understand the purpose of data-reload correctly? I would like to refresh my data source every time I navigate to a view, but it doesnt happen. Ajax request is not being sent.

At the moment i am using dataSource.read() and I call it on data-show event on a view. However that makes 2 Ajax requests when i access the page for the first time, so its not a perfect solution.

Hope I was clear, thank you in advance.

General Discussions

answered on 05 Sep 2013

2 answers

845 views

Multiselect Grid: Deactivate mouse selection

Hello,

I have a Grid using multiselect. My problem is: The Gridrows should be draggable (which perfectly works without multiselect). If I activate multiselect it doesnt work because the mousedown seems to be a selection mode for the multiselection. Is there any possibility to deactivate the mouse selection without deactivating the multiselect of the grid?

It should only be possible to select with the ctrl-key.

Thank you!

Grid

answered on 05 Sep 2013

9 answers

586 views

Chart legend click event

Is there an event that I can register to for a Pie Chart's lenged's series click?

Charts

answered on 05 Sep 2013

3 answers

146 views

Grid refresh collapses detail view

I have a grid that is regularly resized, both horizontally and vertically, by the user. Each time the container's size changes, the grid's "refresh" method needs to be called in order for it to resize itself. However, calling the "refresh" method collapses any expanded detail views. (version 2013.1.514)

Is there a way to prevent this from happening?

Grid

answered on 05 Sep 2013

1 answer

45 views

IOS Mobile App - Geo Navigation

Hi,

I am looking for some suggestion on building a mobile app(IOS) which uses GPS/Geo Navigation.

We want to build a company app for users (includes truck drivers) who can view location, direction, instructions & data about products to be picked up or drop off.

I am not sure if I should use Asp.net MVC Mobile or Should I use Kendo UI Mobile to achieve the above?

I sure does have to pull data out of Database(Sql/Oracle).

Please let me know on this. Thanks.

General Discussions

answered on 05 Sep 2013

7 answers

261 views

Grid row collapses when field value is altered

Hello, i have implemented a ListView which is shown inside an expandable area of a Grid.
The preview of the list data seem to fine. The problem starts when i go on the edit mode of the ListView and try to alter some values.

When changing a value on a field of the ListView and click somewhere outside of the field the expandable row collapses. This creates the problem that i do not manage to press on the "Save" button and call my own function.

I have created a jsFiddle Example of this problem. To reproduce it do the following steps:
1) Expand one of the rows
2) Press on "Edit" button
3) Change the "Product Name" field value
4) Press outside the input area.

As you will notice the row immediately collapses.

Thank you in advance

Grid

answered on 05 Sep 2013