Hi, 

We stumbled upon a limitation of the grid and we'd like to suggest a fix.

The problem has to do with the grid and a custom field inside of it in inline editing grid (I haven't tested cell editing, but it's most likely the same). If we use, say, a DropDownList editor, the initial value will not be set. 

The issue is that if we have a dropdownlist with an initial value, the user could leave it at that and submit the row. However, since the initial value was never changed, we'd be getting a "null" instead. 

Our solution was to trigger the "change" event on the dropdown, which was enough to update the value into the grid's datasource.

I feel like this is unclear, so here's a jsfiddle : http://jsfiddle.net/jni_/3G7FK/
In the editor, I added a "see value" link that reads from the grid datasource. Add an item and click on it. You'll see that it alerts a 0. Change to value, and you'll be set. In edition mode, this is not a problem  either. 

Simply firing an initial "change" event will force the initial value to be taken into account. 

Thanks,
Jni

PS : I'm sorry - I didn't realize there was a "grid" forum separate from the asp.net mvc grid. Can you please move it?

I have a simple Kendo grid with inline editing capabilities that I want to tie to a Pie chart.
Basically, when I update the value of a certain row[column] in the grid, I want the Pie chart
to reflect the change and redraw immediately. How can I do that?

The data for the grid is saved to a List<ProductViewModel>. 

Good morning.
I have a question.
What will be the approach to use the tab strip in order to programitally create the tabs and inside them have custom urls that are also set on the server side.
Right now  my controller is returning a tab object that contains the information
 public class Tab
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Url { get; set; }
        public bool Visible
        {
            get;
            set;
        }

        public string UserName{ get; set; }

        public Tab()
        {
            Visible = true;
        }
    }


@model List<Tab>
@(Html.Kendo().TabStrip()
    .Name("tabstrip") 
    .BindTo(Model,(item,category)  =>
    {
        item.Text = category.Name;
    })
    
So how do i map the content url of the tabs. I say content because the html is retrieved as the user clicks on the tabsand not all at once.

    

Hi Team,

We are having issues on Html.Kendo().TabStrip(). We are not able to pass our model to Html.Kendo().TabStrip(). There two issues on this.
1. If i have partial view which is called in the TabStrip. If i have the data in the model still i am not able to pass it to the partial view.
2. If i get the data in my partial view in the HttpPost the model data is becoming null.

Sample code.

Main View

 @(Html.Kendo().TabStrip()
              .Name("assetTabStrip")
              .Items(assetTabStrip => assetTabStrip.Add().Text("Field Criteria")
                  .Selected(true)
                  .LoadContentFrom("EditFieldCriteria", "Asset", new { GroupID = Model.GroupID }))
              .Items(assetTabStrip => assetTabStrip.Add().Text("Sort Criteria")
                  .LoadContentFrom("EditSortCriteria", "Asset", new { GroupID = Model.GroupID }))

              .Animation(false)

              )

Partial view

@model Sage.FA.SFAO.WebSite.Models.Asset.GroupModel
@using EnumHtmlHelper.Helper
@{
    ViewBag.Title = "EditFieldCriteria";
}

<table>
    <tr>
        <td align="left">@Html.Label("Look In:")</td>
        <td align="left">@Html.Label("Select an Operator:")</td>
        <td align="left">
            @Html.Label("Find What:")
        </td>
    </tr>
    
     @foreach (var item in Model.Criteria) {
         if (item.LookIn != 0 && item.Operator != 0 && item.Value != null)
         
                {
                      <tr>
                          <td>
                              @Html.EnumDropDownListFor(modelitem => item.LookIn)

                          </td>
                          <td>
                              @Html.EnumDropDownListFor(modelitem => item.Operator)
                          </td>
                          <td>
                            @Html.TextBoxFor(modelitem => item.Value, new { @class = "k-textbox", @id = "expenseGL" })
                          </td>
                    </tr>      
                 }
             }
                   
  

</table>

My Post method
[HttpPost]
        public ActionResult EditGroup(GroupModel groupModel, FormCollection formCollection)

groupModel.Criteria became null.

Please help.

Hi all
Due to technical reason we have to fully postback our ASP.NET MVC view. This view contains a Kendo TreeView which will be loaded and bound in the view to the model as follow:

@(Html.Kendo().TreeView()

          .Name("EditMenu")

          .DragAndDrop(true)

          .BindTo(ourModel)

      )


ourModel is: It seems that there is no property 'selected' in this TreeViewItemModel class. So my question is: Is it possible to select a TreeView Node on server side? If not what would be a good solution to preserver selected Node during postback?

Thanks for help
Adrian

It has been a while since I've used any Telerik/Kendo controls.  I have a Contact Us form from which I'd like to pop up a Thank You window on a successful submit.  The form submits to the Controller which validates the input and sends an email and if all is successful, I return a partial view which should be the pop up.  However, this partial view is showing in the main browser window and I'm getting the $ not defined error.  I am obviously missing something, but I'm rusty and in a hurry and can't quite figure out what it is...  Any help is very much appreciated!

Thank you,
Donna

Here's the Contact Us page code: Here's the partial view for the popup:
And here's the controller action:

I have a grid that I am using to manage outlook contacts. This data grid is using inline editing to make edits to the contacts. I also have a button on the page that reads the contacts from the database and checks for address errors. The issue is that the update does not propagate to the database until I force a browser refresh. The goal is to make changes then check the contact addresses without having to leave the page or force a browser refresh.

Hi again, 

We can't seem to add a class to a custom command. We tried to following : 

columns.Command(Sub(command)
    command.Custom("btnSupprimer").Text(" ").Click("supprimerReaction").HtmlAttributes(new With { .class = "potatoes" })
End Sub)

The class is not added anywhere. Is there a way to fix this? We can't really add it in jQuery, since the row keeps being update (it has inline editing). 

Thank you,
Jni

I am having an issue trying to render a check listbox in a grid popup custom editor.
The popup renders with no problem but I get an error when trying to iterate through my collection to render the check boxes.

Custom editor code.

Error Message

The Model in the foreach loop is not initialized and the related collections are null. The above error is because Model.Columns is null. 
I can see everything fine in the grid, and if I comment out the above code (to prevent the error), all my other controls render fine showing values from the same Model. I am not understanding why my Model is not initialized when trying to look through the collection.

Do I somehow need to pass the Columns collection from the grid to the popup when it renders? If so - how?

I have sat for 3 hours trying to figure this out as I try to not use the forums if I can help it (due to long times taken to respond, and most of the time responses just ending in "please post a working example" when the code is already self explanatory). I am however stuck in a corner and starting to take flack for late delivery. I literally consume many many hours trying to get KendoUI to work as I need it to, with almost no help from support ): I just don't have time to also have to create examples when the supplied code should be sufficient.

TIA

I'm using a Kendo UI Grid that is changing the bg color of each row due to a condition in the databound event like this:
I have a custom column where 3 buttons are given to categorize. What I want to do now, is to change the background color of a row immideately, when one of these buttons is clicked. The background color changes, when the grid is reloaded, but this takes far too long 'cause the grid is filled with a lot of data. I only want to add e.g. the css class "green" to the affected row. 
For example:
thanks in advance