Hi,
I'm trying to use a DropDownList event to trigger a complex page update (updating a bunch of divs, DataSource reads, etc), and cannot find an event that happens at the right *time* to get the behavior I want. I want to call a javascript function AFTER the user has selected an item from the dropdownlist, AND the DropDownList has refreshed with the user's selection. All the events listed here (http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#events) fire BEFORE the widget completes updating. The reason I want to do this is to show a "Loading...." message, while the complex page update takes place (it is very complex and takes a couple of seconds), then hide "Loading" and show the new stuff.
Are there any other events I could use to trigger my activity? Executing my update function via an event handler for any of the documented events resulting in the following sequence:
-drop down list expands
-user picks an item
-the page sitting for a couple of seconds while my update happens, with the list still expanded
-drop down list retracts and the page finishes nicely ....
I need an event that fires AFTER the DropDownList finishes updating.
bootstrap has such an event, as shown here:
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_events&stacked=h
the hidden.bs.dropdown event is what I want.
Is there a generic Kendo equivalent, or workaround? The control doesn't have to be a drop down list, its just that was simplest - there are very few items in it. I would prefer to stick with a simple Kendo control, but if there isn't an appropriate event I'll use something else or a workaround -
Thanks!
Hi,
I am trying to get the MVC date picker to parse and format dates the same as the ASP.Net date picker does, eg. user enters 1/1/11 and the picker formats it into 1/1/2011.
How do I get the MVC date picker to do this?
Thanks.
I have written my issue. Please help
llink
Hello Everyone,
Tested in IE 11 and FF 45.0.1 with same results.
Follow demo link here:
https://demos.telerik.com/aspnet-mvc/spreadsheet/disabled-cells
Click the Disable / Enable Quantity Column button.
It appears the cells in Quantity Columns are disabled and user can't type anything on them.
But:
User can press CTRL+C CTRL+V to overwrite the cell value.
Also Dragging the Cell "Fill Handle" will overwrite the cell value
As a side effect, once a cell has been pasted into a disabled cell, the disabled cell becomes editable (even if you paste copying from an already
disabled cell which also means that the disabled attribute is not copied/pasted over)
Best Regards
Is it possible to set the grid column editor function using the MVC wrappers?
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.editor
I only see see EditorTemplateName(string) to specify an MVC editor template. I need to do the editor on client side because I need access to the whole model to dynamically create a control based on model value.
Or is it possible to set this function after initialization?
I tried $("#grid").data("kendoGrid").columns[1].editor = function(container, options) {...}
This did not work.
Hello.
I'm having some troubles with some grids in Internet Explorer and Mozilla Firefox. I have noticed that the filters windows, the datepickers and dropdowns inside the rows don't appear in the correct position. Those try to appear at the bottom of the page instead of when they should be. Sometimes that makes them to appear and disappear in an instant. This happens when the window is small or the grid is at the bottom of the window. When the window is big there's no problem.
In the browsers Google Chrome and in Opera works perfectly.
I think maybe I have a css/javascript conflict or I'm mising some css/js file.
Thank you.
I have a grid that I am using the pop-up editing in. I am using a custom template with drop-downs. The drop-downs have an "Other" option that when selected shows a textbox that you can enter the "Other" details in. This was all in a regular form before I added it to a grid for entry. So I have code for custom validation that would validate these fields if they were showing that worked in a regular form. However, since moving them into the grid pop-up editor, the custom validation is not firing for some reason.
I'm unsure what to do, I have tried to hook the validator up to the grid like so:
$(
"#DeviceGrid"
).kendoValidator({
rules: {
otherrequired:
function
(input) {
if
(input.is(
"[data-val-otherrequired]"
)) {
var
iVal = input.val();
var
pFld = $(
"[name='"
+ input.attr(
"data-val-otherrequired-parentfield"
) +
"_input']"
);
if
(input[0].id ===
"DevicePhoneNum"
) {
if
(pFld.val().toLowerCase().indexOf(
"phone"
) >= 0 && iVal ===
""
) {
return
false
;
}
}
if
(pFld.val() ===
"Other"
&& iVal ===
""
) {
return
false
;
}
}
return
true
;
}
},
messages: {
otherrequired:
function
(input) {
return
input.attr(
"data-val-otherrequired"
);
}
},
validateOnBlur:
true
});
But I'm not sure that this is even the correct way of going about it.
Any insight into this would be appreciated!
Thanks,
Dustin