Hello I am relatively new to the Kendo UI for Asp.net MVC components.  I searched for a solution to my problem, but maybe I am not searching on the correct terms.  I have a Customer Grid and you can select a particular customer which will take you to the details page for that customer.  I want to have a grid on the details page that contains information about table that is related to that customer (for instance I want a grid listing the ShipTo items).  I am looking for examples.  I can do this using knockoutjs without much effort, but they want to use the Kendo grid (they paid for it etc) :-)  Any suggestions?

I have a simple model bound grid with Edit and Destroy commands with Inline editing set.

When I click on Edit, then Cancel, I expect the row to be exit out of editing mode and the row data stays the same.

 

However what I am seeing is the grid is deleting the row.

 

I have checked that no destroy methods are being called.

can someone tell me what could cause the issue of my text editor?  it goes haywires.  Here is our partial code of the editor.

<div class='tab-content k-widget'>
            @Html.ValidationSummary()
    
            @using (Rite.FormTable())
            {
                using (Rite.FormColumn(classCss: "editorWidth"))
                {
                    @(Html.Kendo().Editor()
                                .Name("Message")
                                .HtmlAttributes(new
                                      {
                                          @class = changeTrack,
                                          data_bind = "value: Message",
                                          style = "width: 800px; height:600px",
                                      })
                                .Tools(t => t.Clear()
                                          .Bold()
                                          .Italic()
                                          .Underline()
                                          .FontColor()
                                          .FontName()
                                          .FontSize()
                                          .JustifyLeft()
                                          .JustifyCenter()
                                          .JustifyRight()
                                          .JustifyFull()
                                          .InsertUnorderedList()
                                          .InsertOrderedList()
                                          .Indent()
                                          .Outdent()
                                          .CreateLink()
                                          .Unlink()
                                          .SubScript()
                                          .SuperScript()
                                          .InsertImage()
                                        )
                    )
                }

I've set up a grid with a required foreign key by creating a copy of the GridForeignKey editor template and adding .HtmlAttributes(new { required="required" }) and applying that editor template to the foreign key column.

This seems to work nicely however the validation message i get on the grid is "ClientID is required". How do i set this up to refer to the required field by its column title rather than the name in the model.

Thanks

Graeme

I’m having trouble with a ComboBox dropdown area not scrolling under certain circumstances.
Below is the code in my MVC View (.cshtml):
           

After page load, clicking the down arrow on the control opens the dropdown list but it is so long that it run out of view. (see image1)
If I select an item in the list and click the down arrow again, the problem persists.
However, if I manually clear the text of the selected item in the control, the dropdown opens automatically and it behaves as desired with a max height of 200px (see image2)

The screenshots show that I'm using these in a custom modal window however this issue occurs even on a regular page.
Any ideas on what I’m doing wrong or how to fix this?

I currently am using buttons on my view for the menu.  So along the top of my view I have 

 

 

Now I would like to replace these buttons with a menu.  However I can't seem to figure out how to pass the model within my routevalues in the call to the action.  So my menu item looks like:

 

 So the problem is that when the call is made to my action on my controller, the parameter vm is null.  So how do I set vm equal to the model on the view so that I can pass my viewmodel back to my controller?

 

Thanks in advance,

Lee

 

 

Hi There,

 i have the following code. I'm wanitng the icon of the button to change eveytime you click the button deppening if the panel has expaneded or not. ("pin" and "unpin").

$("#button").kendoButton({
      icon: "pin",
      click: function (e) {
        $('.UserFavouritesPanel').animate({ width: 'toggle' }, 350);

if ($('.UserFavouritesPanel').width()>1) {
          $("#button").kendoButton({
            icon: "unpin"
          });
        } else {
          $(".UserFavouritesViewBtn").kendoButton({
            icon: "pin"
          });
        }
      }
    });

 The issue im having is that on the fist click the icon changes to the correct one but after that when you click the button it never changes again until you refresh the screen. Any ideas on why this happens.

In my model I have a nullable foreign key (DocumentCausalID) and the foreign object (DocumentCausal).

I'm using the default "GridForeignKey" editor template to choose the value using the DropDownList.

I've edited the default "GridForeignKey" adding the OptionLabel so I can choose a null value.

When I select the null value it update the row correctly, but the next time if I select a not-null value on the same row it doesn't work: it doesn't enter into the Update function of my controller.

 Can you help me? (I've attached my Model, View and the Editor Template)

 

Thank you

Is there a way to bind the Grid to the results from a ADO.net reader without converting each row into a POCO object? We are trying to figure a way of allowing the end-users to add data from sql joins to the grid's data. So for example:

 We have 3 tables: Parents, Students, Grades. A student can have multiple Parents (1..n) and multiple Grades (1..n). The default grid view should show only Students records but should allow the end user to add Parents to the grid so that each row shows parent/student combination.

We have a Kendo Grid, shows many records with Batch property set to true.
Sync() is called after user modifies data, but then the scroll always moves up to the first row.

$('#grid').data('kendoGrid').dataSource.sync()

How can I prevent the scroll from moving up to the first row?
I have set focus to the current cell by calling, but it doesn't work (from this example: http://dojo.telerik.com/@Alexander/Ezoh/3):

this.current(cell);
grid.table.focus();

Thank you very much in advanced.