Is it possible to implement track changes through the jquery set up of the editor?  Example $("ObjectName").kendoEditor({ tools: [    "trackchanges"   ] }); }); is there something to this effect?

Hi

While page refreshes and reloads, DropDown list shows Drop Down's selected value in a textbox. Though Once page is loaded it is all fine. But for our purpose it is not desirable to show value that dropdown is binded to. If it had shown the selected text it would have been ok. We also don't want to hide the drop down untill page is ready and show it.

 I dont see it is a performance issue as well since i created a seperate view and had only dropdown control in the entire view. Have provided sample code that you can execute to test the behavior

@model ViewModels.DdlVM

@using (@Html.BeginForm())
{
@(Html.Kendo().DropDownListFor(m => m.ddlprop)
                            .DataTextField("Text")
                            .DataValueField("Value")
                            .BindTo(Model.ddlOptions )
                            )
<input type="submit"
value="save" />
}

namespace ViewModels
{

  public class DdlVM
    {    public List<SelectListItem> ddlOptions { get; set; }

     public string ddlprop{ get; set; }

}

}

controller

  public ActionResult ClickMe()
        {
            DdlVM testvm = new DdlVM();
            testvm.ddlOptions = new List<SelectListItem>();
            for (int i = 0; i < 100; i++)
            {
                testvm.ddlOptions.Add(new SelectListItem()
                {
                    Text = "TAB- " + i.ToString(),
                    Value = i.ToString()
                });
            }
            return View("TestClickMe", testvm);
        }
        [HttpPost]
        public ActionResult ClickMe(DdlVM testvm)
        {
            testvm.DelimiterOptions = new List<SelectListItem>();
            for (int i = 0; i < 100; i++)
            {
                testvm.ddlOptions.Add(new SelectListItem()
                {
                    Text = "TAB- " + i.ToString(),
                    Value = i.ToString(),
                    Selected = testvm.ddlprop== i.ToString()
                });
            }
            return View("TestClickMe", testvm);
            #endregion
        }

 

Greetings, I ran into a problem using kendo mobile with angular, if I place a combo-box inside a list-view, the css of the combo is broken, is there any solution or workaround for this?.
Im attaching dojo example of the case: http://dojo.telerik.com/uJanA
Thanks in advance.

Hi guys,

Using the navigatable property (navigable?) on a grid with data virtualization and scrolling set to {virtual: true} doesn't scroll as i use the down arrow key. The selected row disappears off the bottom of the grid into the hidden overflow area. I've noticed that navigation works correctly and scrolls the grid when using scrolling set to true.

Tony

I am unable to create a new record, i.e. nothing pops up, when my grid is bound to my Person.Employer's EmployerName string property. 

When I comment out p.Employer.EmployerName, the New button pops up a dialog as expected. Is there any way I can bind my Employee object to the grid so that I can edit these details as well? The plan is to create a dropdown list of the Employer Name's once I can figure out how to bind it to an Add New call.

Any help would be greatly appreciated.

Asking for clarification on dataType: "json". In an example I created at http://dojo.telerik.com/AQEpe, when I run the code the debugger will display only one call to the customers api if I just list the URL in the transport read section. But when I add dataType: "json" as a property below the url and run the code the datasource will be retrieved twice now as shown in the debugger. 

The Callback1.png displays the first method with no dataType and only one call to the api. Callback2.png displays the second method described with a datatype and two calls to the api. 

Should I not include dataType: "json" in my code for shared calls? Is including dataType necessary at all? I am trying to limit the calls to the database and in my application the filters similar to the example are creating duplicate calls slowing the page.

I have a kendo gird displaying on the screen.  When I click on a kendo menu item, I need to close this grid and save all data that are changed on the grid, and open/display another grid.

How to archive this?

Hi,
I have a kendo grid to display some editable data.  To edit the data, an edit pop-up is used.  The pop-up displays a MVC editor template.
I need a validation summary section at the top of the pop-up, to display all the required field validations.  When I add the MVC validationsummary declaration
in the editor template, it doesnt work (the errors are not displayed at the top of the pop-up).  I dont know how to do it, can someone tell me how to do it ?
There is the kendo grid declaration code :
        @(Html.Kendo().Grid(Model.Customers)
      .Name("Customers")
      .Columns(columns =>
      {
          columns.Bound(p => p.Id).Visible(false);
          columns.ForeignKey(p => p.LevelId, Model.Levels, "Id", "Text");
          columns.Bound(p => p.Name);
          columns.Bound(p => p.Comment).Sortable(false).Filterable(false);
          columns.Command(command =>
          {
              command.Destroy().Text(" ").Text(" ").HtmlAttributes(new { @class = "k-icon-only" });
              command.Edit().UpdateText(Res.SAVE).CancelText(Res.CANCEL).Text(" ").HtmlAttributes(new { @class = "k-icon-only" });
          }).Width(80).HtmlAttributes(new { @class = "align-right" });
      })
      .ToolBar(toolbar => toolbar.Create().Text("").HtmlAttributes(new { @class = "k-icon-only" }))
    .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("Customer"))
    .Navigatable()
    .Filterable()
    .Sortable()
    .Events(p => p.Edit("OnEdit").Save("OnSave"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model =>
        {
            model.Id(p => p.LevelId);
        })
        .ServerOperation(false)
            .Create(update => update.Action("Create", "Program"))
            .Update(update => update.Action("Update", "Program"))
            .Destroy(destroy => destroy.Action("Delete", "Program"))
        )
        .HtmlAttributes(new { @class = "k-fixed-grid" })
        )
There is the pop-up editor template code :
@model CustomerViewModel
@Html.ValidationSummary()
<div class="row hl-pad-bottom-sm">
    <div class="col-xs-12 hl-label-bold">@Html.DisplayNameFor(x => x.Id)</div>
    <div class="col-xs-12">
        @(
            Html.Kendo().ComboBoxFor(m => m.Id)
                .DataTextField("Text")
                .DataValueField("Id")
                .AutoBind(true)
                .Filter(FilterType.StartsWith)
                .DataSource(source =>
                {
                    source.Custom()
                        .Type("aspnetmvc-ajax")
                        .ServerFiltering(true)
                        .Transport(transport =>
                        {
                            transport.Read("Customers_Read", "Program");
                        })
                        .Schema(schema =>
                        {
                            schema.Data("Data")
                                .Total("Total");
                        });
                })
                .HtmlAttributes(new { style = "width:100%", @class= "hideArrow" })
        )
    </div>
</div>

Link to chart: Example

I have tried using the "baseUnit", "maxDateGroups", and "autoBaseUnitSteps" with no success.

I also tried applying this to the category axis with no success:

            valueAxis: {
                min: new Date("2016/02/01").getTime(),
                max: new Date("2016/05/16").getTime(),
                majorUnit: 60 * 60 * 1000 * 24 * 7 * 2, // 14 days in milliseconds
                labels: {
                  template: "#= kendo.toString(new Date(value), 'MM-dd-yy') #"
                }
             },

 

Thank you for you help,

Ted

Hi,

We have a shape design that consists of a large circled icon and a balloon style label above it. 

The problem we're encountering, is that we have a hard time selecting shapes that are visible in the "empty" areas of the shape, since the diagram determines which shape is hovered according to the bounding box of the shape. In the case of a group, this is the bounding box that encompasses every shape inside the group. What makes things even worse, is that our graphical design dictates that there's no marking of a surrounding box.

I've altered one of your Diagram example to resemble our situation, please play with it for a while and see what I'm talking about: http://dojo.telerik.com/IqAlI/8

Can you please offer solutions, or consider changing the current implementation ?

 

Thanks in advance