I'm not really sure what is going on here, it's driving me crazy.  I have a template attached to an autocomplete, and this template works correctly when the data is loaded in the drop down.

It appears that it is ignored when an item is actually selected though, and instead of seeing the item I see the string [object Object] in the input field.  Did I miss something? I know that the data item is selected correctly, as I manipulate it with other page events after it is selected.

Here is my code:

http://jsbin.com/opuwav/1/edit

          I have mapped the double click and keydown event in a dataBound event for a kendo popup grid. I faced some issues which was mentioned below,

1. Binding Doubleclick event for grid row in dataBound event as,
   self.tbody.find("tr").on("dblclick", function (e) {
          if (!$(this).hasClass('k-grid-edit-row')) {
            self.editRow($(this));
          }
        });
    After popup open, while clicking cancel, next time double click not firing for that row.

2. Binding KeyDown event for grid row in dataBound event for deleting the row,
  self.tbody.find("tr").on("keydown", function (e) {
           if (e.keyCode == 46) {
              self.removeRow($(this));
           }
         });
    The delete key event is not firing for the selected row.


Thanks and Regards,
Thirumurthi

Hi,

Facing an issue with Grid. Grid is getting displayed on firefox, but not on ie9/ie10. Can anyone please provide the solution

Hello:

I have a custom html helper as:

in razor view:
it's definition:

it's html output to Browser is either:

or

it basically a language toggle link to change interface language between english and french, by injecting \en-ca or \fr-ca to the route.  {language}/{controller}/{action}/{id}

I don't know how to add this control to the menu.  Please advise,

Thank you,

Is there a way to show paging both top and bottom of grid?

Hi,

Below is my code to open a window which shows details of a tree node selected. The treeview is only in kendo while all other components are telerik.
 But the window does not come up, we get an error in the console as :
TypeError: $(...).data(...) is undefined$('body > #Window').data('kendoWindow').center().open();
What are we missing ?
.delegate(".details-icon", "click", function (e) {
        e.preventDefault();
        $("body > #Window > .t-window-titlebar > .t-window-title").text("Group Details"); // Change the header
        var groupId = $(this).closest(".k-item").find("input[type = checkbox]").val(); 
        var groupName = $(this).closest(".k-item").find(".k-in:first").justtext();
        var iconPath = $(this).closest(".k-item").find(".k-in:first").find(".k-image").attr("src");
        $("body > #Window > .k-content").css({ "width": "350px", "height": "150px" }).html("<div>Group Name : <strong style='color:#2A43B5;font-family:Georgia'>" + groupName + "</strong><br/><br/>Group Icon: <img style='vertical-align:middle;' src='" + iconPath + "'/> </div>");
        $('body > #Window').data('kendoWindow').center().open();
        return false;

Hi Kendo team,

I have a page with a KendoUI grid. Above the grid is a textbox which allows custom searches using comma-separated values. In all other pages which use the grid without the custom search textbox, the built-in "AND" and "OR" filters work great.

When using this page, "OR" is always treated as "AND".

Here's an example of the form data being posted via ajax using "OR" for a column in the grid called "ToolDefinitionName".  I am also filtering on FacilityId = 39.  When this filter is run, it returns no data even though both ToolDefinitionNames are valid:

take:50
skip:0
page:1
pageSize:50
sort[0][field]:EntityCode
sort[0][dir]:asc
filter[logic]:and
filter[filters][0][field]:FacilityId
filter[filters][0][operator]:eq
filter[filters][0][value]:39
filter[filters][1][logic]:or
filter[filters][1][filters][0][field]:ToolDefinitionName
filter[filters][1][filters][0][operator]:eq
filter[filters][1][filters][0][value]:PIZio
filter[filters][1][filters][1][field]:ToolDefinitionName
filter[filters][1][filters][1][operator]:eq
filter[filters][1][filters][1][value]:KIJos

Here is the code for the custom filtering:

var kendoGrid = $("#grid").data("kendoGrid");
var searchText = $("#tool-search").val();
var searchParts = searchText.split(",");
var search = { logic: "and", filters: [] };

search.filters.push({ field: "FacilityId", operator: "eq", value: _selectedFacilityId });

if (searchParts.length > 0)
search.filters.push({ field: "EntityCode", operator: "contains", value: $.trim(searchParts[0]) });

if (searchParts.length > 1)
search.filters.push({ field: "ProcessName", operator: "contains", value: $.trim(searchParts[1]) });

if (searchParts.length > 0)
kendoGrid.dataSource.filter(search);

kendoGrid.dataSource.pageSize(_selectedPageSize);
kendoGrid.dataSource.read();

Any help would be greatly appreciated.

I am currently evaluating the grid control and am having trouble implementing one of the requirements we have. Our server side data source contains data that is continually updating. When using the virtual scrollbar, the first time you scroll through the dataset, it will request data for the missing rows which is good. The problem is, when you scroll back through the dataset, no new data is requested. It seems to be cached internally in the control. In our case this data is stale and needs to be requested again. 

Here is what I have tried so far:

1. Using pageable.refresh and clicking the refresh button manually does request new data. But I need to do this programatically.
2. Using the refresh api on the grid in response to a scroll event does not request new data. It does not appear to be performing the same operation as the refresh button above.

I have a couple of grids that are keyboard navigatable and have combobox custom editors. Keyboard navigation works fine while moving between cells and hitting enter to select a cell to edit and even hitting enter to select an item on the combobox after navigating with the keyboard works fine.

Hoewever, if you use your keyboard to select an option from the combobox and then hit tab, the selected option is not preserved, basically Tab acts the same as the Esc key on IE9 and IE10. This does not happen in either Chrome or Firefox, but unfortunately our corporate users are all using IE9 so they are getting very annoyed by this since it seems like a natural thing to do when using keyboard input.

Here's an modified example taken from your demos where you can see this behavior.

http://jsbin.com/agowir/2/

Thank you

I'm having a problem with the kendo grid. We are storing sorting and filtering in a DB and then restoring it when the user comes back to the page. Both sorting and filtering work correctly on the grid, however, the filtering icon doesn't change for the filtered column(s). The sorting indicator does work properly, it displays the arrow on the column, but the filtering doesn't display.

One thing I noticed while putting together a test for you guys to look at is that if you click the column filter once and close it, after that it starts working, but if you only apply the filter to the datasource initially and don't click the icon, it doesn't change.

You can look at my example (taken from your default examples) here.
http://jsbin.com/equbeg/1/

Thanks,
Omar