Questions on Kendo UI for jQuery Forum

6 answers

331 views

Hi there,

I have raised a support ticket about this, but am posting in the forum in case it helps other users, or they have any solutions...

--

We were hoping to use the new frozen columns in the 2014 Q1 version of the grid, but with about 10 minutes of testing using the Telerik DEMO site I managed to break the rendering.

Try either of the following:

- Multi line template in a cell
- Aggregate footer template

If you apply either of these then the rendering goes totally wrong, and this unfortunately makes this unusable for us.

If you want, you can use this HTML in the DOJO to see the problem:

<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/web/grid/frozen-columns.html">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.1.318/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" class="k-content">
<div id="grid"></div>

<script>
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
schema: {
model: {
fields: {
OrderID: { type: "number" },
ShipCountry: { type: "string" },
ShipName: { type: "string" },
ShipCity: { type: "string" },
ShipAddress: { type: "string" }
}
}
},
aggregate: [{ field: "ShipCountry", aggregate: "count" }],
pageSize: 30
},
height: 430,
sortable: true,
reorderable: true,
groupable: true,
resizable: true,
filterable: true,
columnMenu: true,
pageable: true,
columns: [ {
field: "OrderID",
title: "Order ID",
locked: true,
lockable: false,
width: 120
}, {
field: "ShipCountry",
title: "Ship Country",
template: " I AM BIG <br />NEW LINE",
aggregates: ["count"],
groupFooterTemplate: "#= count # orders",
footerTemplate: "#= count # orders",
width: 200
}, {
field: "ShipCity",
title: "Ship City",
width: 160
},{
field: "ShipName",
title: "Ship Name",

locked: true,
width: 200
}, {
field: "ShipAddress",
lockable: false,
width: 300
}
]
});
});
</script>
</div>

</body>
</html>

Grid

answered on 29 Apr 2016

2 answers

408 views

Conditional disabling of the edit functionality

Hi

I have a scheduler which is set up with views of timelineMonth and timelineWeek. There are three resources, which represent three different locations. All items are full-day only (isAllDay=true).

Many users have access to the scheduler and can place a reservation in a location for a certain number of days. However, I have a business rule which demands that users can only edit and drag-n-drop reservations that they made themselves. They are not allowed to manipulate reservations made by other users.

Each reservation knows its owner through the fields in the schema. There is also a server-side session variable that identifies the owner. So I think I have all the ammunition I need.

How do I a) disable editing in the scheduler and b) disable editing conditionally based on the the user.

Scheduler

answered on 29 Apr 2016

2 answers

582 views

Prevent overlapping time-slots

Hi

I have a scheduler which is set up with views of timelineMonth and timelineWeek. There are three resources, which represent three different locations. All items are full-day only (isAllDay=true).

Many users have access to the scheduler and can place a reservation in a location for a certain number of days. However, I have a business rule which demands that no two reservations in the same location can be on the same day.

What do I need to do to prevent users placing a new reservation on a location that overlaps with one that's already there?

Scheduler

answered on 29 Apr 2016

7 answers

2.1K+ views

grid default sort direction

When clicking on a grid column header which is sortable, the first click will sort asc, then the second click on the header will sort desc and a third click will cancel the sort

is there any way to reverse this order so the first click will sort desc, second click asc and last click no sort?

Grid

answered on 29 Apr 2016

1 answer

131 views

24:00 time support

Hi

Is there any progress with supporting 24:00 time? (as described in this post http://www.telerik.com/forums/timepicker-does-not-conform-to-is0-8601-3-5-2-on-time-of-day-midnight-representations)

DatePicker

answered on 29 Apr 2016

3 answers

805 views

Date format issue

I have an application where I'm gathering customer data via Kendo UI spreadsheet with DataSource. One of the fields is a DateOfBirth which I need to capture in en_GB format: dd/mm/yyyy. Please see this JsFiddle as an example: https://jsfiddle.net/s4c87msq/3/

Following are the issues:

1. If you enter text "01/03/1999" into any column - text or number or date, it gets parsed as en_US date (so the content of the cell changes to "03/01/1999"). How do I stop a texrt field being parsed as a date?

2. I'm having to set the DataSource schema DateOfBirth field type to "string" because if it is set to "Date" I get an error when kendo tried to parse it on change: TypeError: e.indexOf is not a function

Can you please refer to the JsFiddle and let me know how do I get the correct date from Spreadsheet in the dataSource?

Many thanks.

Spreadsheet

answered on 29 Apr 2016

1 answer

146 views

PivotDataSource with OData

I have the pivot grid hooked up to an OData data source.

I notice that the pivot grid is making requests such as

http://localhost:52652/odata/PO?$inlinecount=allpages&measuresAxis=columns&rows[0][name][]=strBuyer&rows[0][expand]=false

Are the URL parameters that it's using and the required return data format documented anywhere?

PivotGrid

answered on 29 Apr 2016

3 answers

1.4K+ views

How to refresh kendo multiselect drop down after adding new item to list using angular js

Hi,
I'm using kendo multi select drop down,if items are not available in multi select drop down i'm giving option to add items.after adding items multi select drop down is not getting refreshed with added details,and im using multi select drop down in ng-repeat.

Here is the my code.

View:

<div class="row form-group" ng-repeat="questionOption in questionnaireAdd.questions">

     <div class="col-sm-10">

         <label class="label">

             Select follow up Questions<span class="mg-right-align">

                 <a href="" uib-tooltip="Manage question group" tooltip-placement="left"

                    data-target="#addQuestion" data-toggle="modal">Add Question</a>

             </span>

         </label>

         <label class="select">

             <select id="followupQueId" kendo-multi-select ng-model="questionOption.followupQuestionDetails" required

                     k-data-text-field="'questionName'"

                     k-data-value-field="'parentId'"

                     k-options="questionnaireAdd.questionDropdownOptions" k-rebind="questionnaireAdd.questionDropdownOptions"></select>

         </label>

     </div>

</div>

Controller:

function onGetQuestionsSuccess(data: Array<Reactore.CMS.Models.Question>) {

         var questionsList = data.filter((o) => o.id !== questionnaireAddVm.questionDetailId);

         questionnaireAddVm.questionsList = .map(questionsList, ((i) => { return .extend({}, i, { parentId: i.id }); }));

         questionnaireAddVm.questionDropdownOptions = {

             dataSource: {

                 data: questionnaireAddVm.questionsList,

                 sort: { field: "questionName", dir: "asc" }

             }

         };

     }

     function onGetQuestionsFail(error) {

         console.log("Failed to get questions" + error);

     }

     function loadQuestions(questionGroupId) {

         cmsFacade.questionGroupApi.getQuestionsByQuestionGroupId(questionGroupId).then((data) => onGetQuestionsSuccess(data), (error) => onGetQuestionsFail(error));

     }

If i used $('#followupQueId').data("kendoMultiSelect").dataSource.add(data); like this its adding to list but as I'm using dropdown in repeat its not pushing item to all repeated drop down its adding to first drop down.

Appreciate your support!

Thanks!

DropDownList

answered on 29 Apr 2016

1 answer

680 views

Kendo MultiSelect - Multiple selections with "Enter key"

I believe this is due to me data-binding twice, once on initialization for default and another after initialization. I am using both MVC and Javascript... but the javascript is in a different folder.

helper.Kendo().MultiSelect()
.Name(name)
.AutoClose(false)
.Value(selectedValue)
.Placeholder(placeholder)
.DataTextField(dataTextField)
.DataValueField(dataValueField)
.DataSource(
source =>
{
source.Read(read =>
{
read.Action(methodName, controllerName);
});
});

and

resourcesSelect.data("kendoMultiSelect").bind("select", selectAll);

After selecting them. When I click it's fine, however on hitting the "enter" key it fires off both selects and selects it twice. Am I looking in the right place? Or is it because of my handler method.

MultiSelect

answered on 29 Apr 2016

1 answer

159 views

Timeline mode how to display events with no group

Hi all

I am trying to display events with no attendees on top of the other attendee groups in the timeline mode, so I can just simply drag and drop the events with no attendee to a attendee.

The vertical grouping demo just ignores those events without any attendees: http://demos.telerik.com/kendo-ui/scheduler/resources-grouping-vertical

How can I implement this functionality? Can you provide a working demo if possible?

Scheduler