Hi,

I have nullable datetime (in UI and as date in DB) field for birth date. But when I click on Edit action in grid, It still displays as yyyy/MM/dd instead of yyyy-MM-dd. Hence I am getting BirthDay is not valid date error message. I have not written any explicit validation.

In my cshtml page I have formatted it as:
columns.Bound(r => r.BirthDay).Width(100).Format("{0:yyyy-MM-dd}");

In my model I have initialized as:
[Display(Name = "Birth Day")]
[DataType(DataType.Date)]        
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? BirthDay { get; set; }

I can however generalized and apply formatting for my entire site by below code in global.asax but I want to apply it for specific pages only.
protected void Application_BeginRequest()
{
            CultureInfo info = new CultureInfo(System.Threading.Thread.CurrentThread.CurrentCulture.ToString());
            info.DateTimeFormat.ShortDatePattern = "yyyy-MM-dd";
            System.Threading.Thread.CurrentThread.CurrentCulture = info;
}

Please help!

Thanks,
Nirav

How to get the grid's rows count ?My grid has data,but the code shows 0 row..
 alert($('#Grid').data("kendoGrid").tbody.find('>tr.k-master-row').length);

where can I find some documentation / examples with Qunit or Jasmine for something such as testing if data is bound to a grid? or upon selecting a row, data is present?

Hi,

I tried this format "# y.o." (as in age years old), and it crashed my IDE. It never appeared on the page correctly either.

Hi There!

I am currently building a KendoUI+PhoneGap app combination. This app has several windows and each of these windows have separate styles.

Is there a way to separate the CSS styles for each of these windows so that other windows' styling does not get affected. In my current structure, even though I code each window on separate html files, when I run the app, it seems that all the files are being combined into one and so the CSS of one window sometimes overrides the others.

What is the best way to get around this? Does anyone of you have had the same problem? Please help! Many thanks in advance!

Many thanks!

Best regards,
Antonio

Hi,

My code works fine the first time around. The second time, if I change the cascadign dropdownlist , the treeview turns up null.

View - cshtml file

Controller

Alright, so here's a point of frustration. We would like to use custom serverPaging and have the parameters passed back, like pageSize, current page, etc. According to the *SPARSE* documentation, it's possible if you just follow this documentation here.

So, the issue we're having is that it doesn't work.

I've created a sample, available here.

Hi,
I'm using Treeview checkboxes with MVVM and SPA. I have a ListView that contains every checked treeview node element ( a copy , to be precise). The Listview shows them with a remove button in a template. When the user click the remove button , the application deletes it from the ListView ( By removing the element from an observable array),  but  , I  have also  to uncheck this element from the TreeView. The ListView is in different View  from the TreeView. In this situation, my problems are these:

1. When I set the "checked" property from the observableHierarchy object to false, the TreeView doesn't reflect the change, using MVVM I thought that the binding was in both ways.

2. Because The TreeView and the ListView are in differents views (or pages), I can't  use something like this
In the moment when the remove button is pressed there wont be #treeview element.

3. Using methods that break the MVVM pattern (I save the uid from the li element and use these as selector like in the point 2 ), I can uncheck  the treeview nodes, but , another problem emerges.  Apparently , using Jquery to uncheck  a node doesn't change the datasource , so for kendo even if the node is unchecked , in the datasource  the "checked" property  for that node remains equals true, so when I re-check the node, the "change" event for the observableHierarchy doesn't fire, because the checked value is already "true".

So there is a easy way to acomplish  these?

Does anyone know how to change the Grid default Css (font-size, height, row-format)?

Thanks for any help.

Mirco 

Hi,

I have a very simple requirement of displaying a success message when an item is successfully deleted from the system on the server. In the action result for Destroy command I return the following
return Json(ModelState.ToDataSourceResult(), JsonRequestBehavior.AllowGet);

In case of any known error scenario I add a ModelError to the ModelState and catch it in the event.error handler of kendo grid which works fine. But now I need to handle the success and display a user friendly information. I read through the blogs and found that we can use RequestEnd event handler and check for e.type == "remove". I have implemented accordingly, but in no scenarios I get the TYPE property of "e" back with a valid value on it. It always comes back 'undefined'. Following is the snapshot of the grid I use. Please can someone guide if I am going wrong somewhere or missing something. Version of kendo used is 2013.1.319
  <div>
        @(Html.Kendo().Grid<WorkTemplateDto>()
        .Name("Grid1")
        .Columns(columns =>
            {
                columns.Bound(col => col.Column1).Hidden(true);
                columns.Bound(col => col.Column2);
                columns.Bound(col => col.Column3);
                columns.Bound(col => col.Column4).ClientTemplate(@" #=displayhtmlInGrid(Objective)# ");
                columns.Bound(col => col.Column5).Format("{0:dd/MM/yyyy HH:mm:ss}");
                columns.Bound(col => col.Column6);
                columns.Bound(col => col.Column7).Hidden(true);
                columns.Command(command => command.Destroy())
                   .Hidden(true)
                   .IncludeInMenu(false);
                columns.Bound(x => x.Id)
                   .Width(50)
                   .HeaderTemplate(@"<span onclick=""javascript:DisplayDeleteLinksOnGrid();""><img src=""/Content/Images/delete.png"" alt=""Delete"" style=""cursor: pointer;"" /></span>")
                   .IncludeInMenu(false)
                   .Sortable(false)
                   .Groupable(false)
                   .Filterable(false)
                   .ClientTemplate(@"<a class=""k-button-icontext k-grid-delete"" style=""display: none;""><img src=""/Content/Images/delete.png"" alt=""Delete"" /></a>");
            })
        .Groupable()
     .Resizable(resize => resize.Columns(true))
              .Pageable(pages => pages
                                     .PageSizes(true)
                                     .Refresh(true)
              )
        .Sortable()
        .Scrollable()
        .Reorderable(order => order.Columns(true))
        .ColumnMenu(menu => menu.Columns(true))
        .DataSource(datasource => datasource
            .Ajax()
            .Model(model => model.Id(p => p.Id))
            .Events(events => {
                events.Error("griderrorHandler");
                events.RequestEnd("onRequestEnd");
            })
            .Read(action => action.Action("AjaxListSource", "Contoller1"))
            .Destroy(action => action.Action("Delete", "Contoller1"))
        )
        .Selectable(selectable =>
            {
                selectable.Mode(GridSelectionMode.Single);
                selectable.Enabled(true);
                selectable.Type(GridSelectionType.Row);
            }
        )
        .Events(e => {
                e.Change("gridchangeEvent");
            })
    )
    </div>