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

I am using server-side validation for some model properties when editing in a ListView with an editor template. The errors are generated from a custom ValidationAttribute. The errors are generated properly, and I am able to display them when the Update button is pressed, but the ListView exits the edit mode, and I would like to prevent this so that the user can update the values.

Sample model property:
The ListView declaration in the view file:
The relevant parts of the EditorTemplate:
I borrowed the following scripts from an example using the Grid control, and modified (possibly not correctly) for the ListView: According to the Grid example, the preventDefault() method should keep it in edit mode, but this does not work for me in ListView. Any help on this, or any other approach to the problem, would be appreciated. Another goal is to provide this as client-side validation as well, but I can save that for another post.

I have a databound listview with the data being displayed via template.  In my template I have a button.  How can I get the associated data item when the button is clicked?

Hi,

The attached sample project is based on your combo box sample post along with other elements.  

In this project combo box onchange event does not fired if it has numeric value.  Below are details for the same.

             1.  I have 2 combo boxes and 1 label in the attached project: Alphabet Combo, Numeric Combo and Selected Value:  Alphabet Combo has values: A-1, B-2, C-3, D-4 and Number Combo has values: 1-A, 2-B, 3-C, 4-D
             2. Select Alphabet combo by pressing letter 'A' or 'B' or 'C' or 'D' by using keyboard, onchange event fired and selected value and selected text will show on label control  (working fine)

             3. But I have done for Numeric Combo same as above, but it won't show selected value and selected text due to onchange event does not fired. 

For testing, 
    -  Alphabet Combo:  Press 'A' by using keyboard and press Tab, it will show the selected value and text
    - Numberic Combo: Press '1' by using keyboard and press Tab, it wont show the selected value and text

Code for above requirement:
1) Alphabet Combo:
     @(Html.Kendo().ComboBox()
                      .Name("AlphabetCombo")
                      .Suggest(true)
                      .Filter("StartsWith").MinLength(0)
                      .HighlightFirst(true)
                      .Placeholder("Select fabric...")
                      .DataTextField("Text")
                      .DataValueField("Value")
                      .BindTo(new List<SelectListItem>() {
                           new SelectListItem() {
                            Text = "Select", Value = "0"   
                          },
                          new SelectListItem() {
                            Text = "A-1", Value = "1"   
                          },
                          new SelectListItem() {
                            Text = "B-2", Value = "2"   
                          },
                          new SelectListItem() {
                            Text = "C-3", Value = "3"   
                          },
                          new SelectListItem() {
                            Text = "D-4", Value = "4"   
                          }
                      })
                     .SelectedIndex(0)
                     .Events(events =>
                      {
                          events.Change("Combo_Change");
                      })
                )

2) Numeric Combo:
      @(Html.Kendo().ComboBox()
                              .Name("SampleData2")
                      .Suggest(true)
                      .Filter("StartsWith").MinLength(0)
                      .HighlightFirst(true)
                      //.Placeholder("Select fabric...")
                      .DataTextField("Text")
                      .DataValueField("Value")
                      .BindTo(new List<SelectListItem>() {
                           new SelectListItem() {
                            Text = "Select", Value = "0"   
                          },
                          new SelectListItem() {
                            Text = "1-A", Value = "1"   
                          },
                          new SelectListItem() {
                            Text = "2-B", Value = "2"   
                          },
                          new SelectListItem() {
                            Text = "3-C", Value = "3"   
                          },
                          new SelectListItem() {
                            Text = "4-D", Value = "4"   
                          }
                      })
                     .SelectedIndex(0)
                     .Events(events =>
                      {
                          events.Change("Combo_Change");
                      })
                )

3) Label to show selected value and text
   <b>Selected Value is : </b> <label id="lblSelectedValue" runat="server"></label>

4) OnChange Event: JavaScript code
      <script language="javascript" type="text/javascript">
        function Combo_Change(e) {
            var combo = e.sender;
            $('#lblSelectedValue').text(combo.value() + ', ' + combo.text());
        }
    </script> 

Please help me to resolve the issue.  Thanks in advance.

.