Questions on Kendo UI for jQuery Forum

0 answers

148 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

122 views

[Solved] 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

161 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

235 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

82 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

122 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

99 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

143 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

1 answer

190 views

Grid not refreshing

Hi

I have an MVC view that contains 2 datepicker controls, a button and a grid. When the form loads the grid is loaded with data from the server. If the customer then presses the submit button I would like the grid to be loaded again from the server. This does not happen despite the fact that the server method is being called. Could somebody explain what the problem might be?

The code is as follows:

<script type="text/javascript">

$(document).ready(function () {

//Refresh the grid if the customer presses the submit button

$('#submit').click(function () {

Execute(); // this does not refresh the grid

});

// create DatePicker from input HTML element

$("#fromDate").kendoDatePicker();

$("#toDate").kendoDatePicker();

//Load the grid initially using the default date parameters

Execute(); // this works

});

var fromDate;

var toDate;

function Execute()

{

fromDate = $("#fromDate")[0].value;

toDate = $("#toDate")[0].value;

var element = $("#grid").kendoGrid({

dataSource: {

type: "json",

transport: {

read: { url: "Tests/Tests?fromDate=" + fromDate + "&toDate=" + toDate, dataType: "json"}

},

pageSize: 5,

serverPaging: true,

serverSorting: true

},

height: 450,

sortable: true,

pageable: true,

detailTemplate: kendo.template($("#template").html()),

detailInit: detailInit,

dataBound: function () {

this.expandRow(this.tbody.find("tr.k-master-row").first());

},

columns: [

{

field: "TestOne",

title: "Test One"

},

{

field: "TestTwo",

title: "Test Two"

}

]

});

}

function detailInit(e) {

var detailRow = e.detailRow;

detailRow.find(".tabstrip").kendoTabStrip();

detailRow.find(".details").kendoGrid({

dataSource: {

type: "json",

serverPaging: true,

pageSize: 5,

transport: { read: { url: "Tests/TestDetail", dataType: "json"} },

},

height: 200,

columns: [

{

field: "DisplayDate",

title: "Date"

},

{

field: "Type", title: "Text"

}

]

});

}

Grid

answered on 16 Jul 2012

0 answers

65 views

autocomplete against text field but post numerical id with input field

I've implemented the autocomplete component successfully to search against a list of website urls. However when I submit my form i want to submit the numerical id value of the site not the text value. Is this possible?

$("#maintSiteId").kendoAutoComplete({
               minLength: 3,
               dataTextField: "site_url",
               dataValueField: "site_id", // this doesn't seem to work and is depreciated?
               filter: "contains",
               height: 320,
               dataSource: {
                   pageSize: 20,
                   transport: {
                       read: {
                           url: "/Sites/DataJsonSites.cshtml",
                           dataType: "json",
                           type: "GET"
                       },
                       parameterMap: function(options) {
                           return $.extend(options, {
                               id: '',
                               title: $("#maintSiteId").data("kendoAutoComplete").value()
                           });
                       }
               },
               placeholder: "Select site...",
               separator: ", ",
               suggest: true
               }
           });

Input field contained within standard <form>
<input class="span6" id="maintSiteId" name="maintSiteId" style="width: 320px; margin-left: 0;"/>

Sample JSON data being used;
[{"site_id":1,"site_url":"www.mysite1.com","site_name":"my site 1"},{"site_id":2,"site_url":"www.mysite2.com","site_name":"my site 2"}]

AutoComplete

asked on 16 Jul 2012