Questions on Kendo UI for jQuery Forum

1 answer

380 views

Hi, my question is very simple... How can i bind the focus event in a text field or any other control using MVVM?

I tried it using this way but it didn't work

<input id="startDate" name="startDate" data-role="datepicker" data-bind="value: selectedStart, events: { focus: EffectiveDateFocus }" />

Thanks in advanced

MVVM

answered on 16 Jan 2015

4 answers

374 views

[Solved] Recreating TreeView fails on alternate attempts

Hi,

I have a TreeView in my application that needs to be rebuilt on request, but on the first attempt to recreate it fails, with the "loading..." message displayed permanently;

A simple Fiddle to show the problem is at http://jsfiddle.net/Cantabrigian/vtmx15tm/4/

Clicking the "Make it button" makes the TreeView appear as expected, but if you press it again it just says "Loading.."; clicking the button a third time makes it appear correctly, and so on.

(Of course in my app the content of the TV may be different each time.)

What do I need to do to make it reload correctly? Do I need to destroy the old version first somehow?

Thanks,
Andrew

TreeView

answered on 16 Jan 2015

1 answer

176 views

Use different datasource for edit / create popup

Hi

How can I define to load a different datasource for the edit popup and create popup?

http://dojo.telerik.com/opiy

Purpose: I show a grid of clients with 10 fields, the edit windows however contains 60 fields for each client which is why this is stored in a different table and connected via ID.

Many thanks

Grid

answered on 16 Jan 2015

2 answers

144 views

timelineMonth issue

Hi. I have been playing with the "http://dojo.telerik.com/" code editor evaluating the Scheduler API. I have set the code to set the :
views: [ { type: "timelineMonth" } ]
and this works fine. However, what I have found is, if I create a new item in a resource for say "1 Dec 2014 10:00 AM" ending at "2 Dec 01:00 PM" then create another item in the same resource for "2 Dec 2014 10:00 AM" ending at "4 Dec 01:00 PM", the new items are not lined up side by side.
I have attached 2 files. The file "1.jpg" is what I get when I do the above, and "2.jpg" is the one I WANT to achieve.
I have looked through the documentation and I cant see how to resolve it. Is someone able to help? I have attached my code below.

Thanks Jeremy

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kendo UI Snippet</title>

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.mobile.all.min.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
</head>
<body>

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
snap: true,

views: [
{
type: "timelineMonth",
columnWidth: 50,
majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'h')#</strong><sup>00</sup>")
}
],
group: {
resources: ["Rooms"],
orientation: "vertical"
},
dataSource: [
{
id: 1,
start: new Date("2013/6/6 01:00 PM"),
end: new Date("2013/6/8 10:00 AM"),
title: "Interview1",
roomId: 1
},
{
id: 2,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 PM"),
title: "Interview2",
roomId: 2
},
{
id: 3,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 PM"),
title: "Interview3",
roomId: 3
}
],
resources: [
{
field: "roomId",
name: "Rooms",
dataColorField: "key",
dataSource: [
{ text: "P1 1", value: 1, key: "#aabbcc" },
{ text: "P1 2", value: 2, key: "#aabbcc" },
{ text: "P1 3", value: 3, key: "#aabbcc" },
{ text: "P1 4", value: 4, key: "#aabbcc" },
{ text: "P1 5", value: 5, key: "#aabbcc" },
{ text: "P1 6", value: 6, key: "#aabbcc" },
{ text: "P1 7", value: 7, key: "#aabbcc" },
{ text: "P1 8", value: 8, key: "#aabbcc" },
{ text: "P1 9", value: 9, key: "#aabbcc" },
{ text: "P1 10", value: 10, key: "#aabbcc" }
],
multiple: true
}
]
});
</script>
</body>
</html>

Scheduler

answered on 15 Jan 2015

5 answers

424 views

Always set the caret at the beginning when field is empty

Hi,

I'm trying ot use the MaskedTextBox but, as of today, it's simply unusable because it completely destroys user experience. When the field is empty (for example a credit card), if user enter into the field using the mouse, it should put the caret at the beginning of the field (or, if the field is not empty, at the next supposed character). That's not the case right now, if I click in the middle of the field, it places the caret there, and the input cannot be properly field because of the constraint. You can easily reproduce this in any of your demo.

Is there a way to fix that?

Thanks!

MaskedTextBox

answered on 15 Jan 2015

4 answers

280 views

[Solved] Add link dialog not rendering checkbox

After upgrading to Kendo UI Q3 the Add Link dialog in the editor is not showing a textbox for the "Open link in new window" prompt.

You can see this bug in your own demos:

http://demos.telerik.com/kendo-ui/editor/index

Editor

answered on 15 Jan 2015

0 answers

189 views

TreeView from 2014.Q3.SP1 does not show checkboxes

Customers who are observing this bug can download the latest internal build to address this.

If upgrading is not possible, add the following CSS on the page that contains the TreeView with checkboxes to resolve the problem:

<style>

.k-treeview .k-checkbox { opacity: 1; width: auto; }

</style>

TreeView

asked on 15 Jan 2015

1 answer

149 views

Drop Down List Datasource

Hi

I cannot get my Dropdown List as a filter to work.

http://dojo.telerik.com/ijigO

In above example I can see the "function cityFilter" which has the dataSource field called "cities". If I change "cities" to anything else the example will fail.

I console.log'ed the data which is loaded into the grid, I cannot make any sense how this "cities" datasource comes to be or how I can replicate it with my own data.

Help much appreciated

Grid

answered on 15 Jan 2015

1 answer

117 views

Error messages don't show probably when Grid has no records

Hi,

I have empty Grid with auto height. The grid has few columns with required validations. When the Grid has no records and the user attempts to enter new record, the required error messages don't show probably when fields are empty. The example below explains this UI behavior http://dojo.telerik.com/@firasr/ERoJo.

I tried to set z-index for the error messages div (i.e. div.k-tooltip) to high value, but with no luck.

Can you help how to fix this?

Thanks

Grid

answered on 15 Jan 2015

5 answers

418 views

How to handle the custom server response correctly after updating.

How to handle the custom server response correctly after updating?

I have the one strange problem.
Server returns List<MyDto> and this information are displayed in the grid.

class MyDto{

String name;

Guid id;

String userName;

Guid userId;

}

Grid has two columns "name" and "user name".
Where the first column is just noneditable cell and the second column is dropdownlist cell, where I can change an user.
Grid has an "inline" editable mode.

My update js code looks like

update: {

url: "api/linkUser",

method: 'POST',

complete: function(e) {

refreshGrid();

}

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

var data = {};

data.Id = JSON.parse(JSON.stringify(options.models))[0].Id;

data.UserId = JSON.parse(JSON.stringify(options.models))[0].UserId;

return data;

}

},



Server method:


public Result linkUser(Guid id, Guid userId)
{
    bool result = CheckAndSave(id, userId);
    if(result)
    {
        return new Result(true, "Success!");
    }
    else
    {
        return new Result(false, "Error!");
    }
}

So I 'd like to handle result on client side and show notification if I get an error.



But on client-side I get "Uncaught SyntaxError: Unexpected token u" and update-complete function does not called.



What's problem? How to supress this error? May be there is a workaround?



Thanks in advance.

Grid

answered on 15 Jan 2015