or
1 answer
1.5K+ views
1 answer
172 views
Hi,
I have a grid template that renders a menu in a grid row so a user can select contextual actions which up until recently has worked great while only allowing users to select single rows.
We now need to allow multi-select so switched the feature on. Selecting multiple rows is working fine but it has killed our menus because the Selectable widget used by the Grid for multi-select prevents all row click events from bubbling up.
The offending code within the Kendo code base is:
_select: function(e) {
var selector = "input,a,textarea,.k-multiselect-wrap,select",
msie = kendo.support.browser.msie;
if ($(e.event.target).is(selector)) {
this.userEvents.cancel();
this._downTarget = null;
} else if (!msie || (msie && !$(kendo._activeElement()).is(selector))) {
e.preventDefault();
}
},
Although I have not tested it I assume this stops us from having any kind of clickable items with rows when multi select is switched on?
Does anyone know if there anything I can do as I am going to have to implement a custom multiselect otherwise that doesn't hobble my menus?
I have a grid template that renders a menu in a grid row so a user can select contextual actions which up until recently has worked great while only allowing users to select single rows.
We now need to allow multi-select so switched the feature on. Selecting multiple rows is working fine but it has killed our menus because the Selectable widget used by the Grid for multi-select prevents all row click events from bubbling up.
The offending code within the Kendo code base is:
_select: function(e) {
var selector = "input,a,textarea,.k-multiselect-wrap,select",
msie = kendo.support.browser.msie;
if ($(e.event.target).is(selector)) {
this.userEvents.cancel();
this._downTarget = null;
} else if (!msie || (msie && !$(kendo._activeElement()).is(selector))) {
e.preventDefault();
}
},
Although I have not tested it I assume this stops us from having any kind of clickable items with rows when multi select is switched on?
Does anyone know if there anything I can do as I am going to have to implement a custom multiselect otherwise that doesn't hobble my menus?
Allocate Software Internal Systems
Top achievements
Rank 1
Rank 1
answered
on
12 Jan 2015
1 answer
718 views
Hi - I have a question that could maybe be answered in a couple of different ways. I have a user group that likes the date time picker but wants to easily enter the TIME component as military time without a colon.
The user picks a date and then immediately wants to enter a 4-digit value for the time (e.g. 1342). The code below works, but if they use the keyboard and the date picker (alt-down, arrows to choose date, then enter) they have to manually highlight the "hh:mm" value (time-consuming). If this could be auto-selected when a date was selected via the picker, that would be ideal.
Also, I have not been able to ONLY have a format of HHmm set. When I do this, the validation always throws errors. I suspect this is because there *needs* to be some kind of separator between the hour and minute, but am not sure. I have tried various combinations of getting that to work, and have gotten all the way to a "save" button click and into the controller code (ASP.NET MVC 5), but the date field is always null.
I think if I could just get the time part to auto-select when the user chooses a date, that would answer my needs best. But I would be curious about your thoughts on the time part being formatted as just HHmm without a colon separator and how I could get that to work.
I have this attribute on my model field:
I have this code in Razor on the view:
I have this code in $.document.ready():
​
The user picks a date and then immediately wants to enter a 4-digit value for the time (e.g. 1342). The code below works, but if they use the keyboard and the date picker (alt-down, arrows to choose date, then enter) they have to manually highlight the "hh:mm" value (time-consuming). If this could be auto-selected when a date was selected via the picker, that would be ideal.
Also, I have not been able to ONLY have a format of HHmm set. When I do this, the validation always throws errors. I suspect this is because there *needs* to be some kind of separator between the hour and minute, but am not sure. I have tried various combinations of getting that to work, and have gotten all the way to a "save" button click and into the controller code (ASP.NET MVC 5), but the date field is always null.
I think if I could just get the time part to auto-select when the user chooses a date, that would answer my needs best. But I would be curious about your thoughts on the time part being formatted as just HHmm without a colon separator and how I could get that to work.
I have this attribute on my model field:
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy HH:mm", ApplyFormatInEditMode = true)]I have this code in Razor on the view:
@(Html.Kendo().DateTimePickerFor(model => model.MyDateTimeField).Format("MM/dd/yyyy HH:mm").TimeFormat("HH:mm").ParseFormats(new[] { "MM/dd/yyyy HH mm", "MM/dd/yyyy HHmm", "MM/dd/yyyy HH:mm" }))I have this code in $.document.ready():
$.validator.addMethod('date', function (value, element) { return this.optional(element) || kendo.parseDate(value); });​
Georgi Krustev
Telerik team
answered
on
12 Jan 2015
3 answers
197 views
I am using Chrome v38.
The items in the drop down are not being highlighted when I press the down arrow.
See: http://demos.telerik.com/kendo-ui/multiselect/index
The items in the drop down are not being highlighted when I press the down arrow.
See: http://demos.telerik.com/kendo-ui/multiselect/index
Iliana Dyankova
Telerik team
answered
on
12 Jan 2015
1 answer
134 views
Hello,
in my datagrid I'm using two of the new features of the latest version of Kendo, persist state and filter row.
When the user clicks on a link in the datagrid and go to another page I automatically persist the state.
Now, when the user clears a filter I want to persist the state again. How I can intercept the event clear ("x" icon)? is possible todo that?
Thanks
in my datagrid I'm using two of the new features of the latest version of Kendo, persist state and filter row.
When the user clicks on a link in the datagrid and go to another page I automatically persist the state.
Now, when the user clears a filter I want to persist the state again. How I can intercept the event clear ("x" icon)? is possible todo that?
Thanks
Vladimir Iliev
Telerik team
answered
on
12 Jan 2015
11 answers
243 views
Hi,
While using the kendo tabstrip control (from Kendo UI Web) in which individual tab contains iframe, while switching between tabs, there is a jitter. To be more specific, the vertical scrollbar goes down to the tabstrip level and then springs back up to top. This only happens with IE 11 browser and while using 2013.3.1119/js/kendo.all.min.js but, switching back to the older version solves the issue (2013.2.918/js/kendo.all.min.js). Is there anything that can be done to resolve this issue with newer version?
This is a blocking issue at this point for our project release. Can you please look into it asap?
Thanks,
Deepak
While using the kendo tabstrip control (from Kendo UI Web) in which individual tab contains iframe, while switching between tabs, there is a jitter. To be more specific, the vertical scrollbar goes down to the tabstrip level and then springs back up to top. This only happens with IE 11 browser and while using 2013.3.1119/js/kendo.all.min.js but, switching back to the older version solves the issue (2013.2.918/js/kendo.all.min.js). Is there anything that can be done to resolve this issue with newer version?
This is a blocking issue at this point for our project release. Can you please look into it asap?
Thanks,
Deepak
Kiril Nikolov
Telerik team
answered
on
12 Jan 2015
1 answer
153 views
Hi
Unfortunately I find it overly complication to format something.
In my following example I have { field: "price", format: "{0:n5}" }
http://jsfiddle.net/Lqxon2f1/2/
How can I
1. apply both "n5" rule and "de-DE" formatting as described here: http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-toString
2. do a calculation with this data, ex. { field: "price", format: "{0} / 0.995 " } so that each value is divided by 0.995
Many thanks
Unfortunately I find it overly complication to format something.
In my following example I have { field: "price", format: "{0:n5}" }
http://jsfiddle.net/Lqxon2f1/2/
How can I
1. apply both "n5" rule and "de-DE" formatting as described here: http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-toString
2. do a calculation with this data, ex. { field: "price", format: "{0} / 0.995 " } so that each value is divided by 0.995
Many thanks
Alexander Valchev
Telerik team
answered
on
12 Jan 2015
3 answers
206 views
I'm working in page where user has the freedom to change the grid filters, order, etc. and when leaving the page it will save the state to local storage using the http://demos.telerik.com/kendo-ui/grid/persist-state feature available.
However when loading the state I'm currently doing in in dataBound but it throws out a error in console. I'm thinking that this has to do something with grid render because if I set a timeout in dataBound it loads the state perfectly.
This is the dojo I created. (Please change something in grid and save first, then run)
http://dojo.telerik.com/uNasI/4
However when loading the state I'm currently doing in in dataBound but it throws out a error in console. I'm thinking that this has to do something with grid render because if I set a timeout in dataBound it loads the state perfectly.
This is the dojo I created. (Please change something in grid and save first, then run)
http://dojo.telerik.com/uNasI/4
Vladimir Iliev
Telerik team
answered
on
12 Jan 2015
3 answers
435 views
I've found a bug in DropTarget widget, here is an example of this behaviour: http://dojo.telerik.com/eGAFO/2 (check console)
To reproduce this bug you need to create both dropTarget and dropTargetArea inside the container and then do kendo.destroy on the container.
The issue is in destroy method of DropTarget widget, it checks either dropTarget or dropTargetArea internal list, but should check both of them. In my example I have one dropTarget and one dropTargetArea, and code removes group when destroying dropTarget even if dropTargetArea with this group still exists.
To reproduce this bug you need to create both dropTarget and dropTargetArea inside the container and then do kendo.destroy on the container.
The issue is in destroy method of DropTarget widget, it checks either dropTarget or dropTargetArea internal list, but should check both of them. In my example I have one dropTarget and one dropTargetArea, and code removes group when destroying dropTarget even if dropTargetArea with this group still exists.
Petyo
Telerik team
answered
on
12 Jan 2015
4 answers
153 views
I'm encountering problems with the scheduler when using selectable true. When a cell is selected, the <div> containing the scheduler removes/hides other <div>, the "header" disappears. What could be the problem? Please see http://jsbin.com/yapacumabu/1/edit which is based on an official example (http://demos.telerik.com/kendo-ui/scheduler/events). Thanks.
