Questions on Kendo UI for jQuery Forum

1 answer

95 views

Need ability to use input controls when in view mode

If you use an input control in a column (via row template or column template), the click event that tells the grid to switch to the editor template/function does not fire when you click directly on the input. I see the code in the kendo.grid.js that ignores when this is an input, but I question why. If you click to the left or right in the cell of input, the editor does show as I would expect.

Note that the default behavior of showing text until you click the text and then the editor shows will not pass with our users. It is not clear that you can click on this text and that it will become an input. This is just not intuitive. They have specifically asked for input boxes in the columns that are editable both at view and edit time.

To fulfill this requirement, I have had to resort to a pretty "hacky" workaround. However, this does work across all IE7-9, Chrome, and FF. I am creating an almost transparent div that covers the entire cell at view time. User thinks they are clicking the input at view time, but in reality they are clicking the overlay (which is not an input and therefore gets past the code in kendo.grid that ignores clicks for inputs).

Anyone have a cleaner suggestion?

Below is the fiddle showing my workaround. The first grid is default and requires that you click outside the input to get the editor. The second grid has my hack and you can click anywhere in the cell to get the editor.
http://jsfiddle.net/r2musings/HH9Qp/4/

Grid

answered on 16 Jul 2012

0 answers

202 views

Problem with JSONP data

Hy,

i have some troubles by recovering a remote JSON file and my list view.
Here's my code (index.html) :

<ul data-role="listview" data-style="inset" id="selogerlistview"></ul>

<script type="text/x-kendo-template" id="listviewseloger">

<img class="item-leftimg" src="${nom_article}"/>

<h3 class="item-title"><a>${nom_article}</a></h3>

<span class="item-bubble">${nom_article}</p>

</script>

And my JS :

function init_seloger() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://www.mylorraine.fr/api/jsonp_matth.php",

dataType: "jsonp",

contentType: "application/json; charset=utf-8",

type: "GET"

}

},

error: function(e) {

console.log(e);

},

schema: {

data: "categories_article"

}

});

$("#selogerlistview").kendoMobileListView({

dataSource: dataSource,

template: $("#listviewseloger").text(),

endlessScroll: false,

click: function(e) {

}

});

}

As a result, i have a parse error :( and a Javascript Syntax error (capture2.jpg)
When i change the JSON file with parenthesis, i have no more Javascrip label error, but a jquery parse error (capture1.jpg).

Please, someone could help me ?

ListView (Mobile)

asked on 16 Jul 2012

0 answers

129 views

Format Datetime

Am I missing something or is it not possible to format a SQL Server datetime field (eg: 2010-06-18T00:00:00) via kendo.toString()?

Grid

asked on 16 Jul 2012

4 answers

108 views

Android tablet Splitview pane has sidescrolling

We have one pane in our split view that contains search results. However this pane, when looked at in an android tablet has side scrolling enabled for some reason. In iPads the behaviour is as expected and side scrolling is not enabled. The search pane has a listview of results and can be limitlessly scrolled to the right in the android tablet, making it seem like the results disappeared. Is this a bug with the beta version? Or is there another setting we should be setting?

SplitView

answered on 16 Jul 2012

3 answers

148 views

ListView elements losing select style, and listview.refresh() does not gain it back.

I have a Mobile ListView which I am adding to dynamically. If the user adds 1 - 2 elements to it and then clicks on them they are highlighted blue as a selection indicator. If the user adds more to the list than 1 - 2 this selection goes away.

Every time a user adds/removes an element from the list this code is run:

listView = $('#favorites-list').data('kendoListView')

listView.refresh()

I would expect this to renew the highlighting selection indicator, but it does not.

What am I doing wrong here? Thanks!

Edit 1: Oh by the way, I am using coffee script so that is all legal.

ListView (Mobile)

answered on 16 Jul 2012

1 answer

172 views

How to set the pager template?

I know this was introduced in Q2 so I could not find this in the docs yet, but how do I set the pager template for the grid?

Grid

answered on 16 Jul 2012

1 answer

66 views

Rendering error with sample demo datapicker on IE 9

I am running the sample http://demos.kendoui.com/web/datepicker/index.html with IE 9. I've noticed the rendering issue shown in the attached picture with all themes except Metro.

Note that I'm seeing this on IE 9 in standard mode.

Gerry

DatePicker

answered on 16 Jul 2012

1 answer

114 views

Can SplitView handle rotation to Portrait just like native SplitView

In the native SplitView, when you rotate the IPad to Portrait, the Left panel is hidden, and a button it added to the top left. When this is selected the Left panel displays as a popup.

When I am testing the KendoUI Mobile demo for SplitView, it stays visible on Portrait rotation, and shrinks the width of the right panel.

Is this functionality existing or planned for the future?

Steve

SplitView

answered on 16 Jul 2012

1 answer

86 views

Filter pop-up layout

Hello,
I have a grid with enabled filters (server-side). The text has been changed a little from default and re-arranged, which caused "Contains" filter to show up first in the list, however, by default, it selects "equals" anyway - which is not a desired solution.
Is there any possibility to change this? Most users don't care to search for exact phrase, but rather partial text, hence we need to default to "Contains" if possible.
Any help would be greatly appreciated.
Thanks.

Grid

answered on 16 Jul 2012

1 answer

131 views

"url" validation rule works only under IE KendoValidator

I am using some of the default rules of Kendo validator plugin. Everyting works as expected except for the url rule. It works only under Internet explorer. I tested it under Chrome, Mozilla Firefox and Opera and it does not trigger the error message when I enter an invalid url. Here is some sample code of my application:

<tr>
      <td><label for="firstEndSplashLink">First End Splash Link:</label></td>
      <td><input type="url" name="firstEndSplashLink" id="firstEndSplashLink" data-bind = "value: FirstEndSplashLink" />
      <span class="k-invalid-msg" data-for="firstEndSplashLink"></span></td>
</tr>

Am I doing everything correct?

General Discussions

answered on 16 Jul 2012