Telerik Forums
UI for ASP.NET MVC Forum
4 answers
330 views

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!

David
Top achievements
Rank 1
 answered on 06 Apr 2016
3 answers
107 views

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.

Viktor Tachev
Telerik team
 answered on 06 Apr 2016
5 answers
378 views
Hi guys,

I'm working with the asp.net MVC panelbar. I have succeeded in creating the databound panelbaritems but I don't know how to create the child items.
I have one class
public class Item
{
    public string Header{get;set;}
    public string Description{get;set;}
    public DateTime PostedDateTime{get;set;}
}

The panelbaritems contain the PostedDateTime and the Header, and now I want the child to contain the Description.

Can you show me an example of how to do this?

thanks
Hristo Valyavicharski
Telerik team
 answered on 06 Apr 2016
3 answers
300 views

I have written my issue. Please help

llink

Rosen
Telerik team
 answered on 06 Apr 2016
1 answer
72 views

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

Mihai
Telerik team
 answered on 06 Apr 2016
1 answer
313 views

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.

Rosen
Telerik team
 answered on 05 Apr 2016
1 answer
1.0K+ views
I am using ASP.NET MVC 5, C#, Entity Framework 6 and Telerik MVC suite to build my application. Can you please point me to an example that illustrates the usage of stored procedure to load a grid? I need the grid to support paging, sorting and filtering. 
Viktor Tachev
Telerik team
 answered on 05 Apr 2016
2 answers
90 views

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.

Nassouh Chehayeb
Top achievements
Rank 1
 answered on 04 Apr 2016
1 answer
789 views

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

Boyan Dimitrov
Telerik team
 answered on 04 Apr 2016
1 answer
183 views
I'm building a grid that I'd like to be responsive. When the window shrinks horizontally the grid information on bottom such as paging, refresh, and Items per page drops down to the next line. In the example these options become hidden as the window shrinks horizontally. I'm assuming I am missing a call or may have to implement some jquery. I'm wondering why my grid footer information drops down to the next line instead of becoming hidden like in the demo.

Thanks.
Dimiter Madjarov
Telerik team
 answered on 04 Apr 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?