Questions on Kendo UI for jQuery Forum

0 answers

155 views

Hi,

Is it possible to add runat="sever" to main UL of Treeview to bind it with ASP .net 4.0?

Or

How can i control tree view events (i.e. onclick etc) using ASP.net functions?

<ul id="treeview" runat="server">
<li>Item1</li>
<li>Item2</li>
</ul>

Something like above code.

Please suggest.

Thanks
pratikshah91

TreeView

asked on 10 Jan 2012

1 answer

91 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

96 views

Rectangle focus?

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

Grid

asked on 10 Jan 2012

0 answers

136 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

186 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

219 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

133 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

227 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

349 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

151 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