Questions on Kendo UI for jQuery Forum

1 answer

77 views

"index" property does not work with "suggest" property

Hi all,

I'm having a KUI ComboBox with 4 values and pre-selecting the fourth value by using the "index : 3" property => it works as expected (the fourth value is selected when the page is loaded.

Now, I'm adding the "suggest : true" property => it does not work as expected (the first value is selected instead of the fourth value)

<!DOCTYPE html>

<html>

<head>

<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css" rel="stylesheet"/>

<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css" rel="stylesheet"/>

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>

</head>

<body>

<input id="input" />

<script>

$(document).ready(function() {

// create ComboBox from input HTML element

$("#input").kendoComboBox({

dataSource:[

{ text: "Cotton", value: "1" },

{ text: "Polyester", value: "2" },

{ text: "Cotton/Polyester", value: "3" },

{ text: "Rib Knit", value: "4" }],

suggest:true,

index:3

});

</script>

</div>

</body>

</html>

Is it the desired behavior to have "suggest : true" to override the "index" property ?

Thanks,

Julien

ComboBox

answered on 10 Jan 2012

0 answers

63 views

Rectangle focus?

Grid focus is not rectangled shaped.
Can this be fixed?
Screenshot is attached.

Grid

asked on 10 Jan 2012

0 answers

123 views

Color grid cells without row template

I found the row templates difficult to implement in large grids, in particular with alternate shading. So I came up with some jquery solution. First of all, we need an own style

<style>
.highlight { background:yellow; }
</style>

Then we need a function that is executed inside the document.ready block that will highlight all fields with content "-1".

$(".k-grid-color").bind('click', function () {
$('td').each(function(){
if ($(this).text().indexOf('-1') > -1) {
$(this).toggleClass("highlight");
}
});
});

And we need a nice button, to switch on the light

{ text: "Color", className: "k-grid-color"}

Maybe that is of use also for some more coders.

Grid

asked on 10 Jan 2012

5 answers

153 views

Expand right to left

Instead of having the sub-items in the menu control expanding out from the left to the right, I would like them to go from right to left.

How would I accomplish this?

Menu

answered on 10 Jan 2012

0 answers

206 views

AutoComplete: Newbie MVC 3 Tutorial and VS 2010 Solution

This is a Visual Studio 2010 Solution for KendoUI AutoComplete.
Features

Separation of Concerns.
Uses Models, Html helpers
Separate JavaScript files
Demonstrates writing your data provider, with filtering
Roughly follows the KendoUI examples, focusing on MVC 3.
No Database necessary, all data is hard coded.
Round trip of data from Server to Client, post back to Server.
Step by Step instructions, with commentary in an included Help file.
After first web page, move at a fast clip.

This is a great place for MVC 3 newbies to learn to use the KendoUI toolkit.

Download includes Visual Studio 2010 Solution plus KendoUI Web - AutoComplete Help file.
Note: The contents of the file were entirely created by myself, and are independent of Telerik.

To get AutoComplete.zip, https://www.mediafire.com/?7ke2r42yv4z0i05
You will see advertisements during the short download.

AutoComplete

asked on 10 Jan 2012

1 answer

108 views

Editable Grid not showing edit box

Hello,

I am having an odd problem. I have created a grid and put my data into it, and set the grid to editable. However, when you click on the grid cells, they blank out and no editor appears. Yet, if I put other data into the grid (say a twitter feed) the data is editable. I have created a JSFiddle to show this functionality. Can anyone help me find the source of my problem?

http://jsfiddle.net/jkappel/njR79/

Grid

answered on 09 Jan 2012

2 answers

211 views

ThemeBuilder + .less

To use the .less output from the ThemeBuilder, the documentation says: "The LESS output of the ThemeBuilder depends on the template.less theme template that is distributed along with the Kendo UI source."

Problem is, no tempate.less file is shipped or any .less file...

General Discussions

answered on 09 Jan 2012

3 answers

309 views

Resize splitter panes to eliminate scrollbars?

I am using the splitter with a vertical orientation, and I would like to know if it is possible to set the height of the splitter panes so that their contents are initially shown without a scrollbar?

Thanks,
Gary

Splitter

answered on 09 Jan 2012

1 answer

126 views

Multiple Row Select on iPad

I have a grid with selectable set to "multiple, row". On an iPad, I can tap on one row and it is selected. I can also tap on two rows simultaneously and they are both selected. If I try to tap on more than two rows or swipe across multiple rows, the entire grid is selected. Is there a way to select a range (like shift + click from PC browser) or more than two individual rows (like CTRL + click from PC browser) from an iOS device?

Thanks.

Grid

answered on 09 Jan 2012

2 answers

373 views

How to Add, Edit and Delete

I've seen the examples where you can modify the data IN the Grid. I can't do this since I'm displaying only a few columns in the grid of all the columns available for the data I want to add, edit or delete. So I need to use the standard way of doing this which involves a link in the grid which redirects to a separate view that contains all the fields.

How do I add links to the Grid so I can redirect to a different page?

I would also be interested in knowing if it's possible to have the form in a modal Popup over the Grid, but one thing at a time.

This is a sample of my code:

<div id="expensegrid">

</div>

<script type="text/javascript">

$(function () {

$("#expensegrid").kendoGrid({

dataSource: {

serverPaging: false,

serverSorting: true,

pageSize: 10,

transport: {

read: {

url: '@Url.Action("ExpenseListJson","Expense")',