Questions on Kendo UI for jQuery Forum

1 answer

50 views

MVVM

IS MVVM mode suitable for all of the Kendo controls?

General Discussions

answered on 28 Aug 2012

4 answers

484 views

Column with checkbox

Hi,

I'm using the kendo grid control and I have a column that is a checkbox. It's there a way to catch the event when the user check or uncheck the checkbox for a row ?

Regards

Grid

answered on 28 Aug 2012

1 answer

195 views

Kendo Grid Template with JQuery sparklines

Does anyone have an example of how to integrate the JQuery Sparklines plugin into the Kendo Grid template?

JQuery Sparklines: http://omnipotent.net/jquery.sparkline/#s-about

I would think this is rather simple to do, but every time I do something like:
template:'<span class="inlinebar">75,25,0,100</span>'
only the values 75,25,0,100 are displayed in the grid, not the actual sparkline.

I would appreciate if someone could post a sample or solution. Thanks!

Grid

answered on 28 Aug 2012

0 answers

240 views

Pie Chart position and labels

Greetings, I have a couple questions on the screen I'm developing below. if you click on on the link "76 recipients" under the recipients column.
https://dl.dropbox.com/u/1499069/code/castveryfast/wireframe/index.html

my questions:
1. the pie chart move to sit under the table when I hover my mouse on top of it. sometimes it automatically shows under the table even thought he wrapper div around it is big enough to contain it.
2. I can't get the labels of the slices to show clearly.
3. how can I use less padding on top of the chart? I'm trying to get it to align with the grid next to it.

any help is appreciated.

Charts

asked on 28 Aug 2012

0 answers

132 views

Using own REST service

Hi,

I'm new to development with Kendo UI

I want to create a mobile application that needs to be deployable to ios & android.

From what i know, i'm therefore limited to HTML5, CSS and Javascript.

So i have created a project in Visual Studio that only contains those things in a first project. Then i have created a second web project that will contain the services. I have following code in an html page (see bottom).

When i run it nothing will happen... however, when i move the services into the first project and set url to "api/menu", it will work, so i know the service is configured correctly!

The below code is based on http://docs.kendoui.com/tutorials/ASP.NET/asp-net-hello-services, but i know this not really for making a mobile kendo ui application. I guess my question is really on how you can make a mobile Kendo UI application that contacts an asp.net REST service.

<!DOCTYPE html>

<html>

<head>

<title>My App</title>

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

</head>

<body>

<div data-role="view" data-layout="default">

<table id="menu">

</table>

<script type="text/javascript">

$(function () {

// select the employees table from the page and

// store it in a variable for later use.

var $menu= $("#menu");

// make an ajax call to the employees WebAPI service

// to retrieve a JSON response of all the employees

$.ajax({

// the url to the service

url: "http://localhost:50999/api/menu",

// the format that the data should be in when

// it is returned

contentType: "json",

crossDomain: true,

// the function that executes when the server

// responds to this ajax request successfully

success: function (data) {

// iterate over the data items returned from the server

// the index variable is the position in the colleciton.

// the item variable is the item itself

$.each(data, function (index, item) {

// append the first and last name to the table

$menu.append("<tr><td>" + item.Week + "</td>" +

"<td>" + item.Day + "</td>");

});

}

});

</script>

</div>

<section data-role="layout" data-id="default">

<header data-role="header">

<div data-role="navbar">My App</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#">Home</a>

<a href="about.html">About</a>

<a href="#view2">More</a>

</div>

</footer>

</section>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.mobile.min.js"></script>

<script type="text/javascript">

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

{

transition: 'slide',

platform: 'android'

});

</script>

</body>

</html>

General Discussions

asked on 28 Aug 2012

1 answer

162 views

Checkboxes

Hi,

I am using Kendoui treeview in this i need chekboxes for both parent and child,

when i click on parent, child also should be get selected,

and if i click on child it should display it's node id and parentid,

if i click multiple checkboxes they should display their id's and when i click on delete button all the mutiple selected checked nodes should be removed dynamically.

Please can you provide me any sample code (or) related example.

Thanks in Advance,
Durga

TreeView

answered on 28 Aug 2012

0 answers

45 views

What should server methods return for batch inserts/updates/deletes

KendoUI ver. 2012.2.710

For batch saving (inserts, updates, deletes), how should the server functions(methods) respond back? For updates, it appears you MUST return the model items (rows) that were saved successfully, or else the grid thinks they were not saved. It would be more efficient if you could just return the rows that had an error.

What about inserts and deletes? What should the server return?

The documentation states nothing about it, and Telerik apparently isn't going to answer to anyone asking this question, so I'm hoping somebody out there has done batch and knows what the server should return.

Thanks,
Dean

Grid

asked on 28 Aug 2012

2 answers

332 views

multi-select dropdown question

So I have a template that I made to make it so you can multiselect in a dropdown with checkboxes. It works fine except that when I call the preventDefault() on the close: it just makes the dropdown stay on the screen with no way to close it. I was just wondering if there is a better way to approach this. My code for the dropdown is below.

<body>

<div>

<input id="comboBox" />

</div>

</body>

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

<input type="checkbox" name="#= text #" value="#= value #" ${selected ?"checked" : "" }/>

<span> #= text # </span>

</script>

<script type="text/javascript">

var testData = function (text, value, selected) {

this.text = text;

this.value = value;

this.selected = selected;

};

$(document).ready(function () {

var data = [

new testData("Test1", "1", false),

new testData("Test2", "2", false),

new testData("Test3", "3", false),

new testData("Test4", "4", false)];

$("#comboBox").kendoComboBox({

dataTextField: "text",

dataValueField: "value",

template: $("#scriptTemplate").html(),

dataSource: data,

placeholder: "Select...",

close: function (e) {

e.preventDefault()

}

});

var ddl = $("#comboBox").data("kendoDropDownList")

});

</script>

</html>

ComboBox

answered on 28 Aug 2012

1 answer

131 views

Batch Editing .. custom conditions

Since I am behind a corporate firewall and have no way of giving test data to experiment I am again attaching a video in hopes someone can give me a few pointers and a nudge in the right direction....

I have a grid w/ subgrid

I have fields in the row that depending on the value of one of the fields want to have additional fields either set to editiable: true or editiable: false depending on the value of the dropdown

As you can see in the video ... if Installed or Recommended is selected from the dropdown nothing else needs to be editable

If Different is chosen all should be editable
If Not required just reason and contact

Also I am basing the dropdown on the value of the flags for the different types of justifications for each row
the id is tied to the id in the database for that row

if I wanted to change the value but display the text of the selected item in the row how could I do that?

Grid

answered on 28 Aug 2012

2 answers

222 views

Grid custom popup editor showing javascript code in Grid 2012.2.710

The sample code by Alexander Valchev posted at Grid Custom Popup Editor shows javascript code in the popup window when using kendoui 2012 Q2 release 2012.2.710. To reproduce, edit the html page to use version 2012.2.710, and click on one of the edit buttons.

Grid

answered on 28 Aug 2012