Questions on Kendo UI for jQuery Forum

1 answer

170 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

137 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

415 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

221 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

185 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

145 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

109 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

403 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

5 answers

675 views

ListView click event does not have stopPropagation function.

Hi,

we're using kendo mobile ListView the same as in following demo:
http://demos.kendoui.com/mobile/listview/mvvm.html

Click event does not have stopPropagation function. Are there any other ways to stop event bubbling?

Aurimas

ListView (Mobile)

answered on 15 Jan 2015

1 answer

260 views

Expand to specific item

How can I expand to a specific item?
I use a treelist with remote datasource. I start non-expanded but after first load I'd like to expand all rows until a specific item and sedlect this item.

Thank you!

TreeList

answered on 15 Jan 2015