Questions on Kendo UI for jQuery Forum

1 answer

150 views

There is a "roadmap" link that contains what would be better characterized as release notes given its rear-view perspective. Is there an actual roadmap where would be able to see features from the product backlog scheduled for upcoming releases?

General Discussions

answered on 03 Apr 2012

6 answers

456 views

Customizing date filter options

Hi,

I want to customize the options of date filter dropdown. I just want "Is before" and "Is after". How can i do that? Right now i am doing it this way:
{
field: "DateCol",
title: " Date",
template: '#= kendo.toString(DateCol, "MM/dd/yyyy hh:mm:ss")#',
filterable: {
                extra: false, //do not show extra filters
                operators: { // redefine the string operators
                    date: {
                        lt: "Is before",
                        gt: "Is after"
                    }
                }
            }
}
This shows only the options that i have written but the Problem is that it doesn't filter. What is the issue? Pls help.

Regards,
Khushali

Grid

answered on 03 Apr 2012

1 answer

347 views

Set current culture to calendar

Hello,

I'm trying to set the current culture doing so;

<div id="calendar"></div>

<script>
$(document).ready(function() {
kendo.culture("it-IT");
$("#calendar").kendoCalendar();
});
</script>

but doesn't work :'(
I still see the calendar in english view, I tried also with french using kendo.culture("fr-FR"); like here (jsFiddle demo) but still be in english
what can I do?

Calendar

answered on 03 Apr 2012

1 answer

169 views

[Solved] Template data item and embedded html

I'm going to be consuming a feed that has HTML embedded as part of the data. How can I have my template (specifically for ListView) directly render the html instead of spitting out the string content?

var dataExample = [

{ name: "Example", description: "Embedded <strong>html</strong> in property" }

];

I've tried a few things mixing and matching custom templates but with no luck. Help appreciated

Templates

answered on 03 Apr 2012

1 answer

117 views

scrollView inside buttonGroup

Hello,
how to implement scrollViews with buttonGroup?

my markup:

<div data-role="view" id="portfolio" data-init="portfolioViewInit">

<ul id="select-portfolio" data-index="0">

<li>

Web

</li>

<li>

Mobile

</li>

<li>

Print

</li>

</ul>

<div data-role="scrollview">

<div data-role="page" class="image ref1"></div>

<div data-role="page" class="image ref2"></div>

<div data-role="page" class="image ref3"></div>

</div>

<div data-role="scrollview" style="display:none">

<div data-role="page" class="image ref1"></div>

<div data-role="page" class="image ref2"></div>

<div data-role="page" class="image ref3"></div>

</div>

<div data-role="scrollview" style="display:none">

<div data-role="page" class="image ref1"></div>

<div data-role="page" class="image ref2"></div>

<div data-role="page" class="image ref3"></div>

</div>

the select events work and the selected views are displayed, but without the scrollView feature (no scrollBar). with this markup, as soon as i try to scroll in the 2nd or 3rd view, the image disappears to the opposite side.

any idea? an alternative would be using a listView as a selector as shown in the scrollView demo, but its not fully implemented in the example.

thanks

ScrollView (Mobile)

answered on 03 Apr 2012

1 answer

722 views

Open Source License (GPLv3)

Hi

Am i allow to it for free on my non commercial Web Site?

General Discussions

answered on 03 Apr 2012

0 answers

98 views

About using form controls and scrolls it.

Hi,

Is it possible to use scrollview with form's control like input type=text ?
I'm able to use textbox with scrollview but I am unable to type anything in it? Is scrolling be only use with images?

Thanks,
Mangesh

ScrollView (Mobile)

asked on 03 Apr 2012

3 answers

894 views

Cannot call method 'toLowerCase' of undefined when trying to filter on a grid

I have a grid where I am trying to use the filter feature however I always get an error
Uncaught TypeError: Cannot call method 'toLowerCase' of undefined
I have tried using all of the scripts just to test that I am not missing a script however I still get the same error

I don't think I am doing anything wrong with my code.

I have a row template that looks like

<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr data-id="${ Id}">

<td>

${ Description}

</td>

</tr>

</script>

My table layout looks like

<table id="mytable">

<thead>

<tr>

<th>

Description

</th>

</tr>

</thead>

<tbody>

<tr>

<td colspan="1">

</td>

</tr>

</tbody>

</table>

I am setting up the grid like

$("#mytable").kendoGrid({

dataSource: {

transport: {

read: "/api/details/get"

},

pageSize: 10

},

height: 250,

filterable: true,

sortable: true,

selectable: "row",

change: onChange,

pageable: true,

editable: "popup",

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

rowTemplate: kendo.template($("#rowTemplate").html())

});

Can anyone let me know what I am doing wrong?

Grid

answered on 03 Apr 2012

1 answer

125 views

Basing a parameter on a variable

Give the following definition

read: {

url: _webservicePath + "/GetMyFoods",

type: "POST",

dataType: "json",

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

data: {

userid: getCurrentUserID(),

sortOrder: getSortOrder()

}

},

Why when I call read again on the DS doesn't it re-evaluate the "sortOrder"?...how do I get it to do that? :)

Data Source

answered on 03 Apr 2012

1 answer

114 views

First Tab is Link

Hy

I'm still using the old Kendo UI version, so this isn't related to the newest version (maybe it is, but I haven't testet it).

I have created a TabStrip where the first tab is a Link to another page, the second tab is the tab with the content.
I have set the .k-state-active class on the second tab (because first one cannot be active).

Either kendo Ui now isn't able to display the second tab (it still has set display: none on the selected tab).

I've created a jsfiddle version where you can see the error (in the second tab is a text field, that isn't displayed by default)
Example

If this is fixed in the new version i would like to upgrade, but either I cannot upgrade to the newest version because this one requires jquery 1.7 (and we are using jquery mobile that doesn't support jquery 1.7 yet). Or is there a way how I can use kendo UI with an older jquery verison?

Thank you Micha

TabStrip

answered on 03 Apr 2012