Questions on Kendo UI for jQuery Forum

1 answer

72 views

Wrong rendering?

Hi,
I'm using something like this:

div id="tabstrip">

<ul>

<li class="k-state-active">

Movies

</li>

<li>

Series

</li>

</ul>

<div>

<div id="gridMovies" />

<div>

Second Tab Content

</div>

With that, the content of the second tab is rendered at the bottom of the first tab after the grid.
When I change it to

<div id="gridMovies"></div>

it works fine.

Is that because the document isn't valid ("XHTML 1.0 Transitional") ?
Is it necessary to be 100% valid?
Using IE9.

Thanks
Eric

TabStrip

answered on 13 Jan 2012

1 answer

103 views

IE 9 Calendar animation problem

just one bug report - in IE 9 when go one month back, slide animation is white... Pic attached.

Calendar

answered on 13 Jan 2012

3 answers

115 views

Security Concern

Hi
Greetings!!!!
We have one security concern and that is how to protect client from viewing the code. Secondly we want to implement licencing policy in the finished product, so please let us know how to do the same.
Thanks in advance.

Regards
Manash Dutta

General Discussions

answered on 13 Jan 2012

1 answer

204 views

using Kendo in an existing Asp.Net MVC application

Hello all,

I have an existing Asp.Net MVC app that I would like to start using Kendo in. I am new to this type of development so please forgive my newbieness here. I am guessing that I should copy all of the Kendo js script files to the "Script" folder in the project, then put the themes and their folders under the "Content\Themes\" folder?

Any advice on how to structure this would be greatly appreciated.
Thank you in advance

MacK

General Discussions

answered on 13 Jan 2012

3 answers

381 views

using grid with asp.net mvc

Hello,

I am following Hierarchy example to build the parent-child grid.

I have this in the view

function detailInit(e) {

$("<div/>").kendoGrid({

dataSource: {

transport: {

read: {

url: "../OrderDetailJson/",

dataType: "json"

},

filter: { field: "orderid", operator: "eq", value: e.data.Id }

},

....

}

and this in controller

public JsonResult OrderDetailJson(int orderid){

...

}

but client side code will never hit this code saying orderid is null hence route doesn't match. Why is filter: { field: "orderid", operator: "eq", value: e.data.Id } doesn't work??? I thought it will work like jquery .post/json call but it doesn't.

Will someone help me?

thanks guys
william

Grid

answered on 13 Jan 2012

0 answers

159 views

Autocomplete issue

I am using the kendo ui autocomplete on one of my pages. I am having so issues retrieving the value entered in the autocomplete input box. Below is a sample of the code I use to get autocomplete suggestions with a WebMethod via Ajax:

$(".input_project").kendoAutoComplete({ 

minLength:

1, 

dataTextField:

"value", 

dataSource:

{ 

serverFiltering:

true, 

serverPaging:

true, 

schema:

{ 

data:

"d" 

}, 

transport:

{ 

read:

{ 

url:

"<remote url>", 

data: function ()

{ 

return

{ 

valuetocompare:

$(".input_project").val() 

}; 

}, 

contentType: 'application/json;

charset=utf-8', 

type:

'POST', 

dataType:

'json' 

}, 

parameterMap: function (options)

{ 

return

kendo.stringify(options); 

}

} 

}, 

change: function ()

{ 

var value =

this.value();

 

$('#selectedProject').val(value); 

} 

}); 

The problem in this case lies in the fact that I have multiple input fields with the same css class to identify my autocomplete fields. The idea is that all these input fields would be having an autocomplete on them. To get an idea of what I am building: I have a table with which contains both spans and div with dynamic id values. To simulate inline editing a toggle visibility on these div and spans.

Normally if you would like to retrieve data from the autocomplete, you would do something like below, but in my case this would not work since there are more input elements that carry the same css class. I know this is not the way to use autocomplete, since normally every input would have it's own identifier. Is there any way I can make this work. Right now I am using hidden fields to store the value entered but I think there should be a more efficient way to accomplish this behaviour.

 data: function ()

{ 

return

{ 

valuetocompare:

$('#input_project').val() 

}; 

},

AutoComplete

asked on 13 Jan 2012

4 answers

514 views

Selecting a kendoGrid row now working in a Jasmine test

I'm using Jasmine for BDD style testing. I'm testing that selecting a row in a kendoGrid will call my callback function. To test this I'm creating an element on the fly using

element = $('<div></div>');

when I attach a kendo grid to a div under that dynamically created div, it mostly seems to work except for selection. I can populate the grid with data and see the correctly generated html in the debugger. However, if I do :

 var firstRow = kendoGrid.tbody.find(">tr:first");
 kendoGrid.select(firstRow); 

Then my workspaceGrid.Select callback is not called, and the grid.select() returns no elements.
Is there a better way to host the grid when I'm doing unit testing?
I find the syntax for selecting a particular row very awkward. I would be much easier to do
 kendoGrid.select(0) to get the first row.

Grid

answered on 13 Jan 2012

3 answers

198 views

Mind boggled with splitter

I've spent the last day trying to create a splitter like this image: http://imageshack.us/photo/my-images/683/mockupm.jpg/

What I end up with is:

top vertical row shrinks and shows scrollbars
does not resize on window change
scroll bars showing vertically in horizontal rows despite having little content

I've followed this post: http://www.kendoui.com/forums/ui/splitter/100-window-height-splitter.aspx with no luck.
I've also copied everything Dimo posted and it doesn't work correctly - similar problem to what I've described above. Not sure if it is an IE9 thing...

Splitter

answered on 13 Jan 2012

2 answers

98 views

Using kendo inside ASP Content Holder

I have the demo kendo auto complete working in a stand-along aspx page and html page.

When I try code the same demo in a project using asp Site.Master page, then placing the code in

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"></asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"></asp:Content>

it does not work. The page reacts, but the results are not displayed.

I has was able to duplicate this behavior when pacing the working kendo auto-complete demo inside a telerik:raddock

<telerik:RadDock ID="RadDock1" runat="server" Title="Test1" Width="250px" >
<ContentTemplate>

</ContentTemplate>
</telerik:RadDock>

Is there some issue getting Kendo to work inside ASP Content Holders or is there something else I'm likely missing? I did try loading the CSS and JS files in the Master, as well as then trying in the Content Header.

AutoComplete

answered on 12 Jan 2012

4 answers

287 views

Height not set on vertical split container

The panes and split bars within the overall splitter bar container all have absolute positioning set, which puts them outside the document flow. However, the container height is not set by the splitter bar, so markup after the container is positioned within the container area rather than below it.

I think it would be a good idea to manage the size of the splitter bar container in conjunction with calculating the pane and split bar positions.

Or, is there already a solution to this that I missed?

Regards,
Gary

Splitter

answered on 12 Jan 2012