Questions on Kendo UI for jQuery Forum

5 answers

90 views

Why is the Window's <div> appended to the end of <body>?

Hi,

I have a problem with the Window widget: The widget creates a <div> and moves content of the specified element that I want to appear inside the window. Finally it all gets appended just before the closing tag of <body>.

This makes it difficult to work with e.g. KnockoutJS if a scope for the bindings is specified (the optional second parameter for ko.applyBindings()). So, for example in my application there are many scopes for different parts of the page, and the Window's <div> gets basically outside of the scope it's supposed to be in, so Knockout can't update the window's content dynamically because it doesn't know that it wants to be updated (since it's outside of the scope that Knockout looks inside).

I think it would be much better to append the new <div> just after the element that initiated kendoWindow. This would certainly eliminate this problem.

Is there any specific reason why you append the new <div> to the end of <body>?

/Jacob

Window

answered on 14 Nov 2011

1 answer

197 views

grid widths wider than specified

Please see snapshot.
I have specified grid widths in an app where real estate is at a premium but they are wider than specified.
For example in snapshot first column, "select" is set to 20px but it is about 59px. I do not know if grid is compensating for extra space and trying to symmetrically widen other columns but I need to rid myself of the extra spacing.

Here is the grid specs I am using on my page:

$("#shnizzGrid").kendoGrid({

columns: [
{
field: "select",
title: "select",
template: '#= kendo.toString("<input class=\'pluck\' type=\'checkbox\' id=\'"+linkZZ+"\' />") #',
width: "20px"

},

{
field: "linkZZ",
title: "linkZZ",
template: '#= kendo.toString("<img title=\'click to generate a link to this playlist for sharing maniac!\' style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/linkz2.jpg\' onclick=\'shniZZlinkZ(this.id)\' id=\'"+linkZZ+"\' />") #',
width: "10px"

},
{
field: "Play",
title: "Play",
template: '#= kendo.toString("<img style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/play.jpg\' onclick=\'shniZZpoP(this.id);\' id=\'"+Play+"\' />") #',
width: "20px"
},
{
field: "LastModified",
title: "Date",
width: "40px"
},
{
field: "shniZZfO",
title: "sniZZfo",
template: '#= kendo.toString("<img title=\'View contents of shniZZmiX!\' style=\'cursor:pointer\' src=\'//www.fuhshnizzle.com/preview.gif\' onclick=\'shniZZfO(this.id)\' id=\'"+linkZZ+"\' />") #',
width: "10px"

},

{
field: "Key",
title: "shniZZmiXzZ",
width: "200px"
}],
dataSource: {
data: filterLoad(filter.toUpperCase()),
pageSize: 50

},
sortable: true,
pageable: true

});

window.setTimeout("styleshnizz();", 500);

}

Thanks!

Cary

Grid

answered on 14 Nov 2011

1 answer

154 views

html5 localstorage

is there any way to define database as html5 localstorage in Kendo UI?

Data Source

answered on 14 Nov 2011

2 answers

181 views

Kendo UI release date?

Hi,

We are about to start a new project and your library seems very promising. Since Telerik is developing strong tools since many years I would seriously consider the Kendo UI product. Just have some questions on the Roadmap.

1) I need to product a prototype and the form validation need to be in place. This seems to be in progress and should be deliver soon. Did you plan to deliver another Beta 3 before the official release that include forms validations?
2) What it the official release date?
3) Did you plan continuing to improve the grid control for supporting freezing column, column moving, grouping with sum/count/average?
4) We are using Intersystem Cache Database and just wondering how difficult would be implementing the server side objects to support CRUD operations with the datasource? I will dig a little bit more on this and see what I can do with the datasource functionalities.

General Discussions

answered on 13 Nov 2011

6 answers

209 views

Template Engine adding spaces

(reference attached)

So the "person-card-template" is the problem...the IMG src seems to be putting spaces before and after the username parameter and we're not sure why. Inspecting with firebug, the JSON seems to be coming down without spaces for that parameter.

You can see the result in firebug on the left monitor image.

I added in some .Trim() statements to the webservice just to be SUPER sure it wasn't just firebug not showing them to me.

Steve

Templates

answered on 11 Nov 2011

2 answers

169 views

Kendo UI Data Viz

Hi, I received an email from kendo mentioning Kendo UI Data Viz.
I am unable to find any reference to this product.
Can you point me in the right direction?
Regards
Andrew

General Discussions

answered on 11 Nov 2011

1 answer

212 views

Two date pickers: the first one jumping around

Two datepickers on the same site

If I try to nitialize both with values the first one cant do it. I try to set January of the current year but he every time placed the February and if I select January he jump to December (previous year) !

The same jumoing happens if I select one in the first date picker and click into the second, than the first date picke jumps to december (prev year)?

some code :

var myDate = new Date();
$(document).ready(function() {

    $("#datepickerF").kendoDatePicker({
      value: new Date(myDate.getFullYear(), 1, 1),

                        // defines the start view
                        startView: "year",

// defines when the calendar should return date
depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
      change: function(){return false;}

                    });
$("#datepickerT").kendoDatePicker({
                        value: myDate,

      // defines the start view
                        startView: "year",

// defines when the calendar should return date
depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
      change: function(){return false;}
                    });

});

and
<input id="datepickerF" value=""/>
<input id="datepickerT" value=""/>

DatePicker

answered on 11 Nov 2011

0 answers

137 views

axis support

I need axis support for my project. I looked the documentation but couldn't find any option for this feature. the feature provides us to limit users to move an element only one axis. and jquery ui already has this option. do you plan to add it in a short time?

Drag and Drop

asked on 11 Nov 2011

3 answers

191 views

Unbelivable !

This piece of code doesnt work ...
What is the failure?
<html>
<head>
<link href="http://cdn.kendostatic.com/2011.3.1007/styles/examples.min.css" rel="stylesheet"/>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet"/>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css" rel="stylesheet"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").kendoDatePicker();

)};
</script>
</head>
<body>
<input id="datepicker" value="10/10/2011"/>
</body>
</html>

DatePicker

answered on 11 Nov 2011

6 answers

1.4K+ views

Examples on how to format json for Grid

Started experimenting with Kendo to see how it could fit into our present work flow. Lot of stuff looks really promising. And the efforts put into documentation is also very commendable.
One thing I can't find is how to format json objects when using remote datasource in grid.
I have successfully managed to get a grid displaying the first set of records. But I can't get it to honor the fact that there are 491 records in total. Somehow the grid seems satisfied with displaying the first 20 records and stops there. The online demos I've found does not provide json examples, only odata, and in fact I can't get any of them to display what's returned from server using firebug. I have tried using labels like total, totalItems, totalFound etc to no avail.
Here's how the configuration is setup:

$("#grid").kendoGrid({

dataSource: {

transport: {

read: {

// the remote service url

url: "ajax.lasso",

dataType: "json",

// additional parameters sent to the remote service

data: {

ajax_action: "getaccessreqlist"

}

},

// describe the result format

schema: {

// the data which the data source will be bound to is in the "results" field

data: "results"

},

pageSize: 20,

serverPaging: true,

serverSorting: true

},

height: 450,

scrollable: true,

sortable: true,

pageable: true,

columns: [

{

field: "name",

title: "Requirement Name",

template: ' + `'<a href="./?edit/<#= recid #>/"><#= name #></a>'` + '

},

{

field: "descr",

title: "Description"

},

{

field: "location_name",

title: "Location / Site"

},

{

field: "restriction",

title: "Restriction"

}

]

});

/Jolle

Grid

answered on 10 Nov 2011