Hello

I have a grid containing product registrations, fetched from a table(registration) in a DB. One of the columns in the registration table is for countryName, country is stored as a FK countryID (int) in the registration table. But in the grid i'm showing the corresponding countryname. I have a popup editor for rows in the grid with a dropdowlist for chosing country, this dropdownlist fetches data from the country table with id as datavaluefield and name as datatextfield. 

The code for the country column in the grid:

The code for the dropdownlist:

As you can see the column in the grid is mapped to countryName and the dropdownlist is mapped to countryId. This means changes made in the dropdownlist doesn't get updated in the grid. How can I update the countryName cell in the grid with the selectedTextvalue from the dropdownlist?

/Jonas

Hi Telerik,

I am currently working with the trial version of UI for ASP.NET MVC and noticed that at this link no source code can be found. Could you please update it or, at least, provide some code samples in this thread as I really prefer/expect to use Html Helpers for input fields with an icon either left or right rather than straightforward Html which is superfluous in my case, that is:


I am looking forward to hearing from you soon. Thanks in advance!

Kind regards,
Mor

Is there a way to define your own EndCap Definition. There are now three type 'none', 'FilledCircle' and 'ArrowEnd'. I'd like to have my own rectangular end.

Is there a way to set the EndCap to an own defined Type. I'd like to have it a rectangle of instance.

Hi there,

I have a query over the out of the box approach used to control the max and min properties of a MVC DatePicker. I am using the Q3 2014 release and Kendo validation with MVC 5.

Without applying the .Max() or .Min() attributes, here is what we have being rendered out of the box:


This does correctly apply the range to the picker element - it is not possible to use this to input a date outside this range. However, the effect of this on the keyboard input is altogether different.

• If I type in a date within the range, i.e. 01/01/2000, but then add an extra digit to the year, this will be automatically truncated. So 01/01/20000 becomes 01/01/2000.
• However, if I type in a date which falls outside the min/max range, i.e. 01/01/1800 and then add an extra digit, nothing happens.

Surely this approach is very inconsistent? Why have the autocorrect functionality at all if it is only applied within the range?

I have read other responses to similar queries (Kendo DatePicker Max and Min values not limiting text entry). The suggestion there was to make the input control read only to achieve the desired behaviour (meaning that only the picker can be used). Surely this isn't really acceptable from an accessibility point of view?

I would also have expected the date control to be able to enforce the Max and Min values which are part of its own API - for both keyboard and the picker? There is obviously some script running which recognises it is within or without the range - or else why do we observe the behaviour above?

Thanks,

Paul

Hi,

MVC5, Inline editing:
When doing inline editing, the edit button is temporary replaced by two UPDATE/CANCEL buttons.
This is normal behavior.
If the update handling fails, then the update/cancel buttons is swapped back to the edit button, but the item itself, is still in edit mode.

I have attached the grid to the following events to be able to show messages to the user:

I want the update/cancel buttons to be the visible one since it has failed and the user should still be able to correct the error and update again.
Thanks.

Hi,

This post is about a new incidence with Internet Explorer 11 and dropdownlist. The first time I click over dropdownlist the list of values are loading, but the list is closed. I should click again to get the list without close the list.


Editor Template



Method from editor template





Grid with column ContactID and mode Popup



View Model



Can you say anything about this behavior?


Thanks.


Xavier.

Hi All,

I admit that I am new to all of this.   I have a Grid in an cshtml file.   I am trying to pattern off the Northwind example.   I have the following code within a <div> section:

  @(Html.Kendo().Grid<CompanyViewModel>
    ()
    .Name("companies")
    .HtmlAttributes(new { style="height: 100%; border: 0;"})
    .Scrollable()
    .Columns(columns =>
              {
                columns.Template(t => { })
                    .ClientTemplate("#=CompanyId#")
                    .Title("Company ID")
                    .Width(120);
              }
    )
    .Editable(e => e.Mode(GridEditMode.PopUp))
    .Pageable(pageable => pageable.Refresh(true))
    .Sortable()
    .Selectable()
    .Navigatable()
    .Filterable()
    .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                .Model(m =>
                {
                  m.Id(f => f.CompanyId);
                  m.Field(f => f.CompanyId).Editable(false);
                }
                )
               )   
    )


The trouble I am having is that I have red lines in the editing on everything from the first dataSource all the way to the end.   When I hover over the start of the error I get the pop up description:  C#: Unknown method 'DataSource(?)' of 'Kendo.Mvc.UI.Fluent.....

Attached is a screen shot.

I'm lost... any/all help would be great because I'm stuck

Thanks,
   Steve

I am trying to access a date field from the grid to pass to a dropdown filter read action.  However, all I get is null in the results.  If I debug, I can see the date is the long version of 1/1/2013 which is correct but the value ends up null.  What am I doing wrong?

VIEWMODEL

VIEW  (correctly displays 01/01/2013 in the grid)

Filter for dropdown (other fields work fine but date field is always null)

So for some reason with the following code my values are empty once they get to the controller. 

Anyone have any ideas why? 


Signature of controller.
Public Function UserDetail(userString As String) _

javascript code in view. 

        function openWindow() {
            var grid = $("#AjaxGrid").data("kendoGrid");
            var selectedData = grid.dataItem(grid.select());
            var stringData = JSON.stringify(selectedData);

            var window = $("#UserDetailDiv").data("kendoWindow");
            var PopUpTitle = "User Detail: ";
            
            window.setOptions({
                title: PopUpTitle,
                content: "Loading....."
            });

            $("#UserDetailDiv").data("kendoWindow").refresh({
                url: "/Inquiry/UserDetail",
                data: { userString: stringData },

                success: function (data) {
                  
                },
                error: function (xhr, textStatus, exceptionThrown) {
                    window.close();
                    alert($.parseJSON(xhr.responseText));
                }
            });
            window.open();
            window.center();
        }