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

Porting a working app from iOS/Android to WP8. showLoading() does something. I see a darkgrey bar across the center of the screen. But I don't see the spinning loading wheel. Is there a trick to this? Is this a known problem?

The text fields on my forms have no blinking cursor so you can't figure out what the insertion point is. The fields work. I can input text. But just no blinking cursor. The background is black on WP8 - so perhaps the cursor color needs to inverted??? Is this a known problem? Is there a fix?

Hi,
Please see my code
It is calling every change rather work locally.
@(Html.Kendo().Grid<iFacilitiesDemo.Models.sp_Result>()
        //@(Html.Kendo().Grid<iFacilitiesDemo.Models.Task>()
    .Name("Grid")
             .BindTo((IEnumerable<iFacilitiesDemo.Models.sp_Result>)ViewBag.Products)
    .Columns(columns =>
    {
        //columns.Bound(p => p.Building);
        columns.Bound(p => p.Job_No);
        columns.Bound(p => p.Company);
        columns.Bound(p => p.Status);
        columns.Bound(p => p.Manager);
        columns.Bound(p => p.Client);
    })
    .Groupable()
    .Pageable(pager => pager
            .Input(true)
            .Numeric(true)
            .Info(true)
            .PreviousNext(true)
            .Refresh(true)
            .PageSizes(true)
            )
    .Sortable()
    .Scrollable()
    .Filterable()
 )

I added a custom validation function for field Discount.
The problem is that the confirmation alert inside the validation function seems to make validation trigger multiple times, so that user has to confirm again and again to make popup editor go away.

Jfiddle demo here: http://jsfiddle.net/uBfQ3/1/

To reproduce:

1. Edit discount field to more than 20 and hit update
2. Observe Confirm-popup triggering several times and popup editor is still present after hitting OK in all these windows
3. Hit update and observe yet another confirmation pops up
4. Hit OK and observe that popup editor finally goes away