Questions on Kendo UI for jQuery Forum

1 answer

141 views

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

91 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

673 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

77 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

776 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

92 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

87 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

1 answer

452 views

CDN Issue with Cloudfront (Error 403)

Starting yesterday I am getting an HTTP error 403 when referencing scripts through your CDN url. For example this is the CDN for one of the scripts that I am using...

http://cdn.kendostatic.com/2012.1.327/js/kendo.core.min.js

Error message returned from Cloudfront...

HTTP/1.0 403 Forbidden

x-amz-request-id: D70A9E7943FF134A

x-amz-id-2: Teb1FFe9UYJ66BlEHbEQOsuo7S3GfM+jSjSq5xNBgJi8FITzAWh6LmKK3Xs1Htza

Content-Type: application/xml

Date: Mon, 02 Apr 2012 15:31:46 GMT

Server: AmazonS3

Age: 43

Content-Length: 231

X-Cache: Error from cloudfront

X-Amz-Cf-Id: pdppFTS3_Rgc5EE8_VBWRUgwknrArJME_TTz7qfnEtBPl0jxryaIwQ==

Via: 1.0 7e4ecdff0078259d2c1827ec3336b278.cloudfront.net (CloudFront)

Connection: close

<?xml version="1.0" encoding="UTF-8"?>

<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>D70A9E7943FF134A</RequestId><HostId>Teb1FFe9UYJ66BlEHbEQOsuo7S3GfM+jSjSq5xNBgJi8FITzAWh6LmKK3Xs1Htza</HostId></Error>

General Discussions

answered on 03 Apr 2012

2 answers

101 views

bug in slider demo

I think you have a bug in the slider events demo... http://demos.kendoui.com/web/slider/events.html

The first slider reports change event when sliding and slide event at the end of sliding - it should be vice versa.

Slider

answered on 03 Apr 2012

3 answers

1.1K+ views

how to clear autocomplete

There is probably something I'm missing here, but I can't find a way to clear the autocomplete and have it refresh the datasource. I have tried making a button with a click event that does it, but I'm not sure what to put in the click event. Here is a jsfiddle. Would you please show me how to clear the search result and refresh the grid to bring it back to all results?

http://jsfiddle.net/dsapala/5f3x4/

AutoComplete

answered on 03 Apr 2012