Questions on Kendo UI for jQuery Forum

1 answer

196 views

Hello,

I have an ASP page with kendo TabStrip where I use contentUrl to fill Tabs with ASP pages.

The problem is, I cannot figure out how to submit the form and stay on the same page inside the tab.

E.g.

pageA.asp:
…
<form name="pageA" method="post" action="pageA.asp">
…

When I submit the page, it redirects outside the TabStrip.

Thanks in advance!

TabStrip

answered on 04 Mar 2015

1 answer

297 views

Kendo Ui grid losing Dirty red mark reset

Hi,

I have editable grid with text and template columns.

I have an Template columnd in kendo Grid. On click of which we open the new window by passsing the Uid of current row.

{
title: 'tst',
template: '<input type="text" class="k-input" id="txt_GridLookup_#=uid#" style="width: 100px;height:18px" value="#=text#" disabled /><input type="hidden" id="hdn_Gridguid_#=uid#" value="#=cavalue#"/><input type="button" name="" text="" class="search" onclick="openWindow(\'#=uid#\');"/>',
sortable: false,
width: 35

},

When user closes the window we set the other column values of current rows as given below.
var item = entityGrid.dataSource.getByUid(selectedLookupUid);
item.set("Columnfield", "Hey");

Everthing is fine. Problem is it resets every thing in data source and removes dirty symbol. We are not able to identify dirty fields.

I want red mark that is shown in every modified cell. The red mark is shown when we modify any cell. Please see attached screen shot of red cell.

Please help.

Thanks!

Grid

answered on 04 Mar 2015

1 answer

141 views

Change grouping based on data

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

162 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

410 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

63 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

197 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

89 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