Questions on Kendo UI for jQuery Forum

0 answers

3 views

..

asked on 06 Jul 2012

2 answers

304 views

Help with binding checkbox Enabled to a function, not a variable

I have a demo where I have a questionnaire question with some answers. The user is allowed to check up to 3 of the answers. When the user has checked 3 answers all checkboxes that are NOT checked have to be disabled.

The link for the demo I'm talking about is: http://jsfiddle.net/garrett55/ztpAf/

As you can see I am trying to use a function to disable some of the checkboxes but not others. This doesn't work and I think it has to do with the model not updating the view.

Anyone have an idea how to get something like this to work?

MVVM

answered on 06 Jul 2012

0 answers

79 views

Twitter Search

Hi

anyone has an example fo using data source with twitter search, this in include dealing with pages and pull to refresh.?

I really appreciate it if you can show me how to do it.

Thanks

Data Source

asked on 06 Jul 2012

0 answers

73 views

Is there any alternative way to make fileuploading success on ipad?

Hi,

Please help me to make upload sucsess in ipad by replying with exact code.

Regards,
Praveen.

Upload

asked on 06 Jul 2012

0 answers

119 views

Kendo DatePicker not display selected date in Android

Hi,

I am using Keno UI tools in my Mobile Application Development. Here I am using Kendo Datepicker which works fine in Ipad,but not display the selected date in Android phone.Actually the date is there ,but not visible in the andriod browser. How to solve this issue ? Please help.!

Regards,
Praveen.

DatePicker

asked on 06 Jul 2012

4 answers

847 views

ListView not working with data-bind? Help...

When I use the **** data-bind="source: datasource" **** setting on a ListView within a Mobile View, I end up with all of my data on one long, single list item, instead of separate items. What a I doing wrong? Is this an inappropriate use of data-bind?

If I instead initiate the ListView separately in Javascript then it properly displays the items... though we were trying to pass all of this through MVVM. Is this not the right way to do this?

<!DOCTYPE html>

<html>

<head>

<script src="jquery.min.js" type="text/javascript"></script>

<script src="kendo.all.min.js" type="text/javascript"></script>

<link href="kendo.mobile.all.min.css" rel="stylesheet"

type="text/css" />

<link href="kendo.common.min.css" rel="stylesheet"

type="text/css" />

<link href="kendo.default.min.css" rel="stylesheet"

type="text/css" />

</head>

<body>

<div data-role="view" data-title="Home" id="vHome" data-transition="slide">

<ul data-role="listview" data-style="inset">

<li><a href="#vMyDatabase">This Breaks</a></li>

<li><a href="#vMyDatabase2">This Works</a></li>

</ul>

</div>

<div data-role="view" data-title="My Database" id="vMyDatabase">

<ul id="lMyDatabase" data-role="listview" data-style="inset" data-template="tMyDatabase"

data-bind="click: ShowCustomer, source: MyDatabase">

</ul>

</div>

<div data-role="view" data-title="My Database" id="vMyDatabase2" data-init="initTest">

<ul id="lMyDatabase2" data-role="listview" data-style="inset" data-template="tMyDatabase"

>

</ul>

</div>

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

<div style="font-weight:bold;">#= Name #</div>

<div style="font-weight:normal;font-size:smaller">#= City #, #= State #</div>

<div style="font-weight:normal;font-size:smaller">ID: #= ID #</div>

</script>

<script type="text/javascript">

var TestData = [

{ Name: "Company A", City: "Phoenix", State: "AZ", ID: "00000001" },

{ Name: "Company B", City: "Los Angeles", State: "CA", ID: "00000002" },

{ Name: "Company C", City: "Santa Fe", State: "NM", ID: "00000003" },

{ Name: "Company D", City: "Boulder", State: "CO", ID: "00000004" },

{ Name: "Company E", City: "Seattle", State: "WA", ID: "00000005" },

{ Name: "Company F", City: "Portland", State: "OR", ID: "00000006" },

{ Name: "Company G", City: "San Diego", State: "CA", ID: "00000007" },

{ Name: "Company H", City: "Boise", State: "ID", ID: "00000008" },

];

var app = new kendo.mobile.Application($(document.body), {

initial: "vHome"

});

var viewModel = kendo.observable({

ShowCustomer: function(e) {

// something here for drilldown

},

MyDatabase: new kendo.data.DataSource.create({ data: TestData })

});

kendo.bind($("#vMyDatabase"), viewModel);

// And this way works

var dsMyDatabase = new kendo.data.DataSource.create({ data: TestData })

function initTest() {

$("#lMyDatabase2").kendoMobileListView({

dataSource: dsMyDatabase,

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

style: "inset",

click: function (e) {

// something here for drilldown

}

});

}

</script>

</body>

</html>

ListView (Mobile)

answered on 06 Jul 2012

6 answers

231 views

Attempting to use the Editor as an MVC EditorTemplate

Hello,

I am attempting to use the Editor control as an EditorTemplate for HTML fields in my MVC4 application. The editor will display fine, but for some reason the code will never update and the value always comes back up the Model as null. Any ideas what I am doing wrong?

Here is the code for Html.cshtml:

@model System.String

@Html.AntiForgeryToken()

<textarea id="@Html.DisplayNameFor(c => c)" rows="10" cols="30" style="width:500px;height:250px">@Model</textarea>

<script>

$(document).ready(function () {

$("#@Html.DisplayNameFor(c => c)").kendoEditor();

});

</script>

Thanks!

Editor

answered on 06 Jul 2012

1 answer

166 views

Changing text of the Loading popup

I need to change the text of the loading popup. I have tried the following configuration:

<script>
     new kendo.mobile.Application($(document.body), {
         loading: "myNewLoadingText"
     });
</script>

but then I specify a 'loading' parameter, the popups omit the text completely. Is the above code incorrect or is this a bug with Kendo UI?

Application

answered on 06 Jul 2012

0 answers

167 views

categoryAxis label text wrap

Hi,

How to set automatically wrap text for labels on the categoryAxis if they are too long.Please find the attached

Please find the attached sample graph.

Thanks!
Rajesh

Charts