Hello,

 

I have a iFrame with div to show a page, I need to add the button with full screen option to show the content of the div in windows maximized.

 

How I can show the content of the div in windows maximized with action button and when user close the windows return this contents of the main page (it is a swaping between content div in page to windows)?

 

Thanks.

I’m trying to change the datasource’s type from “OData” to “json”. The new URL is returning json data. But when I change the type from OData to json, then I see the data in grid but filters & paging doesn’t work.

So I have 31 rows, then when page loads it shows 31 as page size by default, along with configured page sizes ( ie, 5,10,15,20)

Filters does not filter on any column

In below shows the old values also. Note there is no change in grid. Im not sure what else I need to change when I move from OData to Json

 

 

Hi, 
I did see the "expand with one click" thread but that did not solve my problem.  I need the selected node to toggle expand/collapse on the single click.  I tried using the toggle() method, via the "select" event but that only works the first time the node is selected.  The "select" event only fires once and there is no documented alternative click event on the node. This means that if a user clicks on a node the first time it expands but if he/she clicks on it again it will not collapse because the "select" event does not fire again.  Is there an event that fires every time the node is clicked on that I could hook into?  Or is there some other solution for my issue?

Thanks

Reordering columns works with the Kendo Grid, but I have to drag and drop several times to go from one side of the grid to the other.  Is there any functionality that allows the column to be dragged by clicking in scrollbar area or something like this, so that a column can be moved by dragging it only once?

I have a Kendo UI Editor inside a Kendo UI Window. It works fine, but if you highlight some text the toolbar disappears and you can't format it. Clicking outside the editor and then back inside brings the toolbar back, but it will disappear once again if you try to select text. I do not have this issue if I move the editor outside the window. Is there something I'm missing, or is this a bug with the Editor inside a Window?

Here is my code:

Here is the use case:

var data = [{name: "Joe", age:30}

, {name:"Tom", age:29}

, ....

];

and I have a grid on top of this data source, when user update single entry of it(say via input with ngModel),

say updated "Joe" to "Chris", I want to refresh a grid's row, I'm using refreshGrid to update the whole grid and reselect and refocus row/cell right now, 

thought be something better there, Is there any method can refresh just one part of row, was using angular ui-grid before which handles

stale check of data can make specific cell update, is there any way can do row/cell update?

We are using it for mobile apps(Cordova on Android), it is quite slow to refresh a grid just for one value update.

 

 

Experiencing an odd issue with IE11 on windows 7 and windows 8.1 (as desktop program).  Not an issue when I tested on Chrome (win7, win8, mac) or firefox (win 8). 

Starting with the Basic Usage script for the validator from the KendoUI demos.

Add the <option></option> to the Start Time select options, this will allow the empty label to be the default when the drop down loads.

**NOTE: I can only reproduce this when using 'FullScreen' in the dojo, using the dojo side window, it does not have the issue.

Load the page and don't click anywhere else on the screen and click in the middle of the 'Start time' drop down to open the list.  When the list expands the validation error for the field being required is now shown.  The blur event for the validation appears to have been triggered.  This is only happening in this one environment, so I don't feel this is the desired result.

I created an example at

http://runner.telerik.io/fullscreen/eBajU

It has multiple drop-downs.  The problem that I am experiencing only happens the first time on any of the drop downs on the page.  Once the blur event occurs for the first drop down when opening the drop down, the second dropdown will not have the same problem.

 Any ideas would be appreciated.

Mark

Hi

I am trying to get RequireJS and kendo mobile to play nicely. I have followed the blog post : http://blogs.telerik.com/appbuilder/posts/14-03-27/structuring-hybrid-mobile-applications

 And this works as a  fine but i have one major challenge (documentation is slim on requireJS), I have tried to get a tabstrip working however hrefs simply do not work, - to activate templates in a similar fashion to the tabstrip demo project.

 It can never find the template no matter what i call it.

 I have attached a sample project.

 

 

I'm using autocomplete for editing column inside the Kendo grid. The idea is when users type barcode or scan barcode in the edit cell, autocomplete will give them list of items containing entered text.

The autocomplete works well when I type barcode by keuboard, but when I use the barcode scanner, it seem they can't detect the change and not call method in read action in server.

I also tried with change event of autocompete and call ajax to the same method in read action. But it said $("#PARTCODE").data("kendoAutoComplete") is undefined. The function is below.

Can you please let me know anyway to make autocomplete works with barcode scanner?

Thanks

  function onPartCodeChange(e)

    {
        debugger;
       

        $.ajax({
            url: "@Url.Action("GetPartCodesFromPartAndSupplier", "Shared")",
            data: { text: e.sender._old },
            dataType: "json",
            type: "POST",
            async: true,
            success: function (myData) {
                debugger;
                if(myData.length==0)
                    {
                          alert("No matching barcode found.");              
                    }
                else
                {
                    
                    $("#PARTCODE").data("kendoAutoComplete").dataSource.data(myData);
                  
                    }
               
            }

        });
      
        }

Hi,

We have used KendoUI grid control in our application with Detail template. During testing, we found that there is performance difference between IE8 and other browsers  like Firefox, Chrome and IE9. Data binding/loading in IE 8 browser take more time than compared to other browsers(almost more than double time).

I checked by putting stopwatch with each and every events/steps and found that, binding data to grid take more time in IE8 browser.

Below is small snap of code we used for binding.
<div>

  @(Html.Kendo().Grid<Orderlist>()
            .Name("OrderlistGrid")
            .HtmlAttributes(new { @class = "t-gridcenter" })
            .DataSource(dataSource => dataSource
                            .Ajax()
                            .PageSize(20)
                            .Events(events => events.Error("onTelerikAjaxError"))
                            .Read(read => read.Action("GetOrderList", "Orderlist", Html.AntiForgeryMvcTokenRouteValues("GetOrderList").AddRouteValues((RouteValueDictionary)ViewData["OrderListModel"]))))

            .Columns(columns =>
            {
        ...
        ...//around 18 columns
        ...
         })

 .ClientDetailTemplateId("OrderlistTemplate")
            .Events(events =>
            {
                
                events.DataBound("OnDataBound");
            })
            .Filterable()
            .Sortable(m => m.SortMode(GridSortMode.MultipleColumn))
            .Scrollable(scrollable => scrollable.Height("auto"))
            .Resizable(resizing => resizing.Columns(true))
            .Pageable(pager =>
            {
                pager.Refresh(true);
                pager.Numeric(true);
            }))
</div>

<script id="OrderlistTemplate" type="text/kendo-tmpl">
        @(Html.Kendo().TabStrip()
            .Name("TabStrip_#=OrderId#")
            .HtmlAttributes(new { @class = "boxcnt" })
            .SelectedIndex(0)
            .Items(items =>
            {
                items.Add().Text("<b>Order details</b>").Encoded(false)
                .LoadContentFrom("OrderVerification", "Orderlist", Html.AntiForgeryMvcTokenRouteValues("OrderVerification").AddRouteValues(new { OrderId = "#= OrderId #" }).AddRouteValues(new { HashedParam = "#= HashedParam #" }));
            }).ToClientTemplate())
</script>


 function OnDataBound() {
//format cells in different conditions. like bold, background colors etc.
}

Please have look and provide your inputs on that.

Thanks in advance,