I have created a Combobox that allows a user to search through a series of "Code - Description" options in order to select the "Code"...  The Code is what we wnat to have the user select but sometimes they need the description in order to pick the correct one.  I've set up the combobox so that they can start typing any three characters from the code or description and the dropdown list is then filtered to show options that match accordingly.

THis works most of the time, however sometimes the users just know the "Code", which is a 4 digit number.  If they just type in "1234" it doesn't actually "select" it in the combobox...  How can I get it to select the code if they type it into the box?

Thanks,
Jason

I'm new to asp.net mvc as well as kendoui so this question may seem trivial (for both kendo and mvc).  But any help/explanation would be greatly appreciated.

I'm building a grid using the kendo ui mvc helper.  And there are many situations where I want to access item data.  I've figured out how to access it when created a template for a given cell as seen below.  

As you can, I've created a function to create a data attribute, and I would like to read that attribute from the database rather than hardcoding it.  Here is the code that I currently have.

    @functions
    {
        public static Dictionary<string, object> BuildGroupNameAttributes(string value)
        {
            var attributes = new Dictionary<string, object> { { "data-groupname", value } };
            return attributes;
        }
    }
    <div id="dotComDiv">
        @(Html.Kendo().Grid(Model)
              .Name("DotComGrid")
              
              .Columns(columns =>
              {                  
                  columns.Bound(p => p.GrossDemand.ThisYear).Title("TY").HeaderHtmlAttributes(BuildGroupNameAttributes("Gross Demand"));
                  columns.Bound(p => p.GrossDemand.ThisYear).Title("TY").HeaderHtmlAttributes(BuildGroupNameAttributes("Gross Demand")).Template(@<text>@string.Format("{0:0,0}", @item.GrossDemand.ThisYear)</text>);
   
              }).Scrollable(src => src.Height(500))
    
    
              )
    </div>

The line that I can't seem to work out is

    columns.Bound(p => p.GrossDemand.ThisYear).Title("TY").HeaderHtmlAttributes(BuildGroupNameAttributes("Gross Demand"));

Instead of hardcoding "Gross Demand" I want to read that from the bound item.  So like,


    columns.Bound(p => p.GrossDemand.ThisYear).Title("TY").HeaderHtmlAttributes(BuildGroupNameAttributes(@item.GroupName));

However, I can't access the item object like this.  But if you look at the template above, I'm able to access `@item` if it's wrapped in `@<text>`

Why is that, and how can I pass the item value to the function?

Thanks!

Good day to you all.

I am developing an icenium app in which I get data from an SQL Server. Now I do want to split this data into three different views and display them with different initial sorting.

Kind of 

name   age    height    weight
Joe           33       180cm     80 kg
Jane         28       170cm    50 kg
Baby         1            50cm   9 kg


View 1 Grid with
name  age

View 2 Grid with
name height

View 3 Grid with
Name  weight

I have two problems

1) the initial sorting does only work with the give code below for the first view I load
2) sorting works only on the first view I sort.

Any advice. Should I make 3 different API calls or can it be handled dynamicly


Markus

Hello, Kendo Team
  I'm studying Kendo UI Mobile data binding features and has a problem,when define a parse function for  kendo.data.Model  in "fields" section,the function has not triggered when create a new instance of the Model.
In above code,the parse function is not triggered when create a new Person.
My question is:
How about he parse function works, any advices for parse function usage?

Hello,
I'm trying to add sorting to a DataSource, which generally is working just fine. The only problem is that it seems the sort mode is case sensitive.

If you check out this Fiddle: http://jsfiddle.net/EaNm4/ 
You will see what I mean. ('Alphy' is at the beginning of the list, while 'alpha' is at the end of the list). Is there a way I can specify my own sort algorithm or a way to make the default one case insensitive? I've checked the docs but I'm having a hard time finding anything.

Hi, I wrote kendo Grid control in javascript application; I had needed implement server-side grouping, but I couldn't turn it on eventually. Server sorting, and filtering already works, perhaps I am doing something wrong in a render-control-code; here it is:



When I fire my application, I am trying drag'n'drop column header to "Drop column header here" box, but it seems like this functionality was disabled.

Maybe I am missing some section in kendoGrid constructor, or maybe I wrote some unnecessary data?

When I add grid and dropdownlist control in page, I found the control size is bigger than your demo's. How come that? I attach my screenshot

hey guys
I'm facing the following issue right now:

we use a grid which has a custom toolbar button which runs some function in the background. the code looks like this:

what we want to achieve is: after the categorize button is clicked it should be disabled first. when the background operation succeeded, the tooltip should be displayed at the top of the categorize now button and the button should get its original state again and be enabled again.

right now the tooltip is only showing if the operation has finished and the mouse enters the button.

any advice would be helpful.

thx in advance and kind regards
thomas

I`m binding data via Ajax to grid. I added Change event to the grid. what happening is code inside the Onchange event is executing twice .
I have ajax call inside the Change event function , how can I control this ?  My requirement is I should able to write an event that fires at row level like row select event.


 @(Html.Kendo().Grid<User>()
      .Name("grid")
      .DataSource(datasource => datasource
          .Ajax()
          .ServerOperation(false)
          .Model(model => model.Id(p => p.UserID))
          .Read(read => read.Action("AllUserRecords_Read", "User"))
          .PageSize(15)

      )
      .Columns(columns =>
      {
          columns.Bound(p => p.FirstName).Width(40);
          columns.Bound(p => p.LastName).Width(80);
          columns.Bound(p => p.EmailAddress).Width(70);
       })
      .Pageable(pageable => pageable.PreviousNext(true).PageSizes(new[] { 5, 10, 15, 20 }))
      .Filterable()
      .Events(events => events.DataBound("onDataBound").Change("grid_change"))
      .Selectable(select => select.Mode(GridSelectionMode.Single))
      .Resizable(resize => resize.Columns(true))
      .Reorderable(reorder => reorder.Columns(true)))

 function grid_change(e) {
            $.ajax({
                type: "POST",
                url: "/User/GetRoles",
                data: { userID: id },
                async: false,
                success: function (response) {
                    $("#roles").replaceWith(response);
                },
                error: function (response, q, t) {
                    alert(response.responseText);
                }
            });
 function onDataBound(arg) {
        this.element.find('tbody tr:first').addClass('k-state-selected');
}
}

In WPF RadControls you can pass a function call back to a RadWindow. Can you use a similar approach with Kendo modalView?

WPF Example

Sorry for posting C# :-)

Is this approach possible with Javascipt and modalView in am mobile app? the samples I've seen don't do this

I know you can override the close event but that doesn't help me, If Kendo implemented Confirm,Alert etc like RadWindow it would be very useful.