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>

When you click the spin button and release the mouse button the button keeps spinning until the mouse leaves the spin button.
Keeping spinning should only be done when the mouse button is down.
You can reproduce it in the current demos: http://demos.kendoui.com/web/numerictextbox/index.html

Regards, Jaap

Is there a way to add my own fromat tool item and customize it's behavior?
I want my custom item for example that wraps everything in a qutoation and gives the qutation a specific class
I couldn't find anything about this in the documentation, but i notice that the demo example has a modified format tool with the 'fieldset' item which is not part of the regular format tools.

Because of the way the MultiSelect field grows when many items are selected, there is a potential issue when it is used in a static form layout where fields are not supposed to grow in width/height... One way I can think of to get around this issue is have an option to show ellipses(...) when the width of the field is reached, clicking on the ellipses(...) will grow the field temporary to it full size showing all the selected values; the field shrinks back to default size on blur or out of focus.

Also, it would be great if you can add a multi-select option for the DropDownList or Combobox similar to some of the custom plugins found at this thread here.

How to repo:
1. goto : http://demos.kendoui.com/web/treeview/api.html
2. Click on "item 1.1"
3. Click on “Append node”
4. Collapse "item 1.1"
5. Try to expand "item 1.1"

I believe append node should automatically set the hasChildren to true, but now is not the case

Thanks