Hi there,

I've tailored the splitview demo on the Kendo UI demo site.

Prior to the splitview view displaying, I have an initial view asking for some information including what default category the user is interested in.

I'm looking for a solution where I can automatically navigate the user to their selected category. I.e. #side-inbox?CategoryID=15

This is effectively mimicking the user navigating to the split view and clicking on category 15. I will still give them a facility to go "back" so they can look at the contents of other categories.

I've done the easy bit of navigating to the splitview using app.navigate("#splitview"); but I'm struggling to fire the default category.

See extract of categories view on left side of the splitview:

<div data-role="view" data-title="Categories" id="side-root" data-use-native-scrolling="true">
<ul data-role="listview" data-style="inset" data-source="splitViewCategories" data-template="categoriesTemplate">
</ul>
</div>

<script id="categoriesTemplate" type="text/x-kendo-template">
<a href="\#side-inbox?CategoryID=#: CategoryID#" data-icon="mostviewed"><span class="daysfont">#: CategoryName #</span></a>
</script>

Appreciate any help,

Thanks

Hello,

I have a textbox with a simple required field validator using kendo. I would like to style it using a new CSS class created by us like this:

The problem is that whenever the validation happens our CSS class named k-x-invalid-msg-block is removed from the tooltip span or replaced by another HTML construct that looks like this:

As you can see our k-x-invalid-msg-block is gone. Is this on purpose? What is the preferred way of styling the tooltip then?

All I would like to do is add a "display:block;" since I need to display the tooltip below the input.

Kind regards,

Krisztián

I have a grid and I am trying to filter on multiple values:
FirstName, LastName or FirstName + " " + LastName

So the user can search for:
"John"
"Smith"
"John Smith"

Currently I have:

The search for "John" or "Smith" works however not on "John Smith"

Any ideas
Thanks

Tom

Hi,

I have some questions about the spreadsheet widget in Kendo:

1. How can I get the currently selected range of cells? The sheet.activeCell method seems just to return the primary selected cell.

2. How can I register an event which triggers if the selection of cells has changed? Currently I use the "render" event, but this triggers more often than I need it to.

3. The "change" event does not trigger, if the undo method is used (which changes some values). How can I trigger the change method including the changed range/values?

Thank you for your help + Best regards

Hi,

I have a kendo grid with the Ward column having a dropdownlist editor template. We are using MVC architecture. When I tab through the grid cells so fast so that we are out of the Ward cell before the dropdownlist refreshes, the value is set to undefined and it doesn't change after that even if we select it. When I debugged the issue in IE, it breaks in one of the kendo js saying i.input.val() is undefined. 

It works fine as long as I let the dropdownlist refresh before I move to the next cell. Please advise!

I am having the same issue with all the dropdownlist editor templates.

//Inside the partial view

@(Html.Kendo().Grid(programContactData)
      .Name(gridName)

      .Columns(cols =>
      {

   cols.Bound(t => t.Ward).Width(70).EditorTemplateName("WardDropDown").ClientTemplate("#:Ward.WardNumber#").HtmlAttributes(new { style = "text-align:right" });

})

  .DataSource(dataSource => dataSource
                                .Ajax().ServerOperation(false)
                                .Batch(true)

                                .Model(model =>
                                {

                                        model.Field(m => m.Ward).DefaultValue(defaultWardNumber as TRE.Models.WardViewModel).Editable(true);

                               })

)

//Ward dropdown Editor Template

@(Html.Kendo().DropDownListFor(m => m)
            .AutoBind(false)       
                
            .DataValueField("WardId")
            .DataTextField("WardNumber")
            .DataSource(source =>
             {
                 source.Read(read =>
                 {
                     read.Action("PopulateWardList", "SaveForm");
                 }).ServerFiltering(true);
             })
        //.Events(e =>
        // {
        //     e.Select("onSelect");
        // })
)

//Save Form controller PopulateWardList method

   public ActionResult PopulateWardList()
        {
            try
            {
                List<WardViewModel> wardList = new List<WardViewModel>();
                wardList.Add(new WardViewModel() { WardId = 0, WardNumber = " " });
                wardList.Add(new WardViewModel() { WardId = 1, WardNumber = "1" });
                wardList.Add(new WardViewModel() { WardId = 2, WardNumber = "2" });
                wardList.Add(new WardViewModel() { WardId = 3, WardNumber = "3" });
                wardList.Add(new WardViewModel() { WardId = 4, WardNumber = "4" });
                wardList.Add(new WardViewModel() { WardId = 5, WardNumber = "5" });
                wardList.Add(new WardViewModel() { WardId = 6, WardNumber = "6" });
                wardList.Add(new WardViewModel() { WardId = 7, WardNumber = "7" });
                wardList.Add(new WardViewModel() { WardId = 8, WardNumber = "8" });

                ViewBag.DefaultWard = wardList.First();
                return Json(wardList, JsonRequestBehavior.AllowGet);
            }
            catch (Exception ex)
            {
                LogManager.GetLogger("DHW").Error(ex);
                throw;
            }
        }