In the Kendo Grid below, I set the page size attribute to five - PageSize(5)

However, after inserting the 6th & 7th records, clicking  the 'Next' arrow doesn't take me to the second page.
In fact, none of the Paging buttons work - i don't have the ability to page through my data. Can you help?

I'm not reading data from a database - I just want to insert records into the grid that gets saved into a
temporary Dictionary<string, bool> variable and see if the paging works.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Discontinued);
columns.Command(command => { command.Edit(); command.Destroy(); }).Width(172);
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Pageable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.ProductID))
.Create(update => update.Action("EditingInline_Create", "Grid"))
.Update(update => update.Action("EditingInline_Update", "Grid"))
.Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
)
)

Hi,

I use Kendo UI ASP.NET MVC with VB.NET and jquery for client validation. My question is:
How I can format the date into ‘dd.mm.yyyy’. I also want to use the @Html.EditorFor() and the client validation.

Setting up the Model:

<DataType(DataType.[Date],
ErrorMessage:="Datumsformat ungültig")>
<DisplayFormat([ApplyFormatInEditMode]:=True,
[DataFormatString]:="{0:dd.MM.yyyy}")>_
Public Property Geburtstag As Nullable(Of DateTime)


Setting up the View:

         <td class="editor-label" style="width: 100px">
            @Html.LabelFor(Function(model) model.Geburtstag)
        </td>
        <td class="editor-field">
            @Html.EditorFor(Function(model) model.Geburtstag)
            @Html.ValidationMessageFor(Function(model) model.Geburtstag)
        </td>

 The client validation doesn’t accept the format ‘dd.MM.yyyy’ only the ‘dd/MM/yyyy’ format.

How I can overwrite the client validation for the date format?

I suppose the validation is in a jquery file.

Thanks for help

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