Questions on Kendo UI for jQuery Forum

1 answer

140 views

I have a grid with several columns, and I want to group the data. I want the grouping to be based on certain aspects of the returned data. The problem is that grouping is determined by the options of the DataSource, and it seems that once I request data and get results, changing the options of the DataSource has no effect.

What I'm trying to do is this:
For the first four columns of the grid, if there is only one distinct item in that column, then do not group by that column. If there are more than one distinct item in that column, do group by that column.

I have tried reading the data, then changing the datasource options, then refreshing the grid, but the grid still renders with default grouping.

Any tips/ideas?

Grid

answered on 04 Mar 2015

1 answer

1.5K+ views

How do I post selected values to controller?

I'm using the Kendo Multiselect widget, with server binding (i.e. not ajax), and MVC. It's not posting selected items to the controller. How do I do this? I've tried a few different ways, based on what I've read in your documentation, but none of them work, so rather than me continue guessing, how about if someone tells me how to do it :-)

Here's an excerpt from the View Model:

public class ViewReportDetail
{
public List<CaType> CaTypes { get; set; }
public List<CaType> AllCaTypes { get; set; }
public int[] SelectedCaTypes { get; set; }
}

Here's the multiselect widget in the view (strongly type as ViewReportDetail):

@using (Html.BeginForm("Save", "Report", FormMethod.Post))
{

@(Html.Kendo().MultiSelect()
.Name("CaTypes")
.DataTextField("Description")
.DataValueField("Id")
.BindTo(Model.AllCaTypes)
.Value(Model.SelectedCaTypes)
)
}

Here's the controller for the save (not much to see here):

public ActionResult Save(ViewReportDetail reportView2)
{

// I break here and inspect reportView2. CaTypes is empty, AllCaTypes is null,
// and SelectedCaTypes does not show up at all in the inspector.

if (ModelState.IsValid)
{
CapService.Save2(reportView2);

}
else
{
return View("ReportDetail", reportView2);
}

return Redirect("/Report/Search");
}

Thanks!
Mike

MultiSelect

answered on 04 Mar 2015

1 answer

159 views

[Solved] Configurator auto bind

Hello,

how I can do to pivot grid not bind when to add field on column, rows or measures in configurator?

I need to bind grid with an action (bind) through a button.

thanks.

PivotGrid

answered on 04 Mar 2015

1 answer

407 views

Prevent default on timepicker input

Hi,

I have a timepicker in a bootstrap modal. All works great with one exception, when I enter a time via the keyboard and hit return the event triggers and the modal is closed. I tried e.preventDefault() on the change event but this didn't work. I also tried binding a click event to the input itself and trying to preventDefault on that directly, but it is overridden. If you select a time from the dropdown via the mouse then it behaves as expected, it is only on manually typing the time that the problem occurs, which is different to the native HTML dropdown menu behaviour (latest Chrome).

Is there any way to suppress this and fire the change event?

Hope that makes sense and here is my code:

$("#reminderTimepicker").kendoTimePicker({

animation: false,

min: getTimelineStart(offsetMinutes),

max: getTimelineEnd(offsetMinutes),

interval: interval,

change: function(e) {

e.preventDefault();

var selectedTime = this.value();

$("#reminderSlider").slider("value", getSliderPointFromTime(selectedTime));

}

});

DatePicker

answered on 04 Mar 2015

18 answers

2.2K+ views

Click event does not fire reliably

My mobile app build with kendo ui failed user acceptance testing because the app is "slow", "sluggish" or "sometimes stops working". After some research I found out that the app quite often fails to react when the user clicks a button: the click event does not fire when the user does not tap "the right way". Since my app aims at inexperienced users, this is a serious issue.

The problem can easily be reproduced in the button/events demo, especially when viewed on a mobile device:

http://demos.telerik.com/kendo-ui/mobile/button/events.html

Just between touching and releasing move the finger or mouse a little bit to the side or up/down, and the click event does not fire.

What's worse (and why i would consider this an error) is that the user gets a visual feedback that the button was pressed --- but nothing happens!

It's kind of like the opposite of the problem in this thread: http://www.telerik.com/forums/button-click-event-firing-when-trying-to-scroll where someone is (ab?)using oversized buttons.

Is there a way to set the sensibility of how much wiggle is allowed until a touch isn't a click anymore? Any other solution?

I am using kendoui.complete.2013.3.1119. The behaviour was tested on iOS6 & iOS 7 (iPad).

TIA Marco

Button (Mobile)

answered on 04 Mar 2015

1 answer

59 views

Columnar events in day view

I am writing an app that will manage the schedule for 3 resources (ie three separate rooms).

There will be no parallel booking for a given room. What I want to be able to do is setup virtual columns in the day view - such that in the first virtual column, you will see all bookings for only room1, and same for the other 2 rooms.

At the moment, the auto formatting places these bookings all mixed up.

As a last resort I may have to setup 3 bootstrap columns, and in each render the scheduler for a given room.

Regards

Scheduler

answered on 04 Mar 2015

3 answers

193 views

[Solved] Kendo UI Image Rotator

Is there a kendo UI Image or banner rotator? I know there is the Rad Controls one I just didn't see a kendo version, am I missing it somewhere?

Thanks,

Coty

General Discussions

answered on 04 Mar 2015

2 answers

87 views

Popup Edits - DropDropList issues

Hi Guys

Have just tripped over an issue regarding popup edits and DropDownLists.

If you run the following dojo snippet

http://dojo.telerik.com/ANINU

which is just the 'Grid / Editing custom editor' demo with the editable option set to popup

- Hit the 'Add new record' button

- Tab to the 'Category' drop down list

If you now hit the keyboard up/down/left/right arrow keys the popup form is closed and the record is added.

Likewise selecting a drop down item via the mouse also closes the form adding the record.

Regards
Alan

Grid

answered on 04 Mar 2015

2 answers

228 views

Angular remote Datasource in Grid - update not working

Note: This is a duplicate of http://www.telerik.com/forums/editable-grid-with-angular---update-not-working as I am not sure wheter this is a problem of the DataSource configuration or the grid configuration (or both).

I am using a kendo-ui grid together with angular and would like to
use it's edit functionality. However the update function is never called
when trying to edit its contents.

This is how I set the grid:

angular.module("KendoDemos", [ "kendo.directives" ])

.controller("MyCtrl", function($scope){

$scope.mainGridOptions = {

dataSource: {

type: "odata",

transport: {

read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees",

update: function(options){

console.log("updated");

}

},

editable: "inline",

columns: [{

field: "FirstName",

title: "First Name",

width: "120px"

},{

field: "LastName",

title: "Last Name",

width: "120px"

},{

field: "Country",

width: "120px"

},{

field: "City",

width: "120px"

},{

command: ["edit", "destroy"],

title: " ",

width: "250px"

}]

};

})

Here is a fiddle to demonstrate it: http://jsfiddle.net/xLp6rLtj/

Even if I'm using a url instead of function in the
datasource.transport.update parameter, no request is made (and the
button can't be released).

What am I missing?

Data Source

answered on 04 Mar 2015

1 answer

751 views

Kendo Scheduler Refresh after updating datasource

Hi

I have following example (modified original demo from Kendo Scheduler):

http://dojo.telerik.com/AkIGO

In this example I create a data array with two events which are displayed properly on the scheduler view on the right side.

var data = [{ TaskID: 0, OwnerID: 1, Title: "Bowling tournament 6", Start: "2013-06-10T10:30:00", End: "2013-06-10T11:30:00", IsAllDay: false},{ TaskID: 1, OwnerID: 2, Title: "Golf", Start: "2013-06-11T10:30:00", End: "2013-06-11T11:30:00", IsAllDay: false}];

I have included a button, which event I catch and then extend this "data" array with one more element like this:

data.push({ TaskID: 2, OwnerID: 3, Title: "New Event", Start: "2013-06-12T10:30:00", End: "2013-06-12T11:30:00", IsAllDay: false});
console.log(data);

The console.log of the array confirms the addition. I hence call the following refresh code:

$("#scheduler").data("kendoScheduler").refresh();

...which does not update my scheduler view on the right to include the new event (created for wednesday 6/12).

I have also tried:

$('#scheduler').data('kendoScheduler').dataSource.read();

but this results in an error.

Any ideas?

Grid

answered on 04 Mar 2015