Hello...

I have a Kendo Grid using paging ... I need to get all data from that grid without refreshing/updating the ui grid.
The data will be used to create a pdf.

I tried to change datasource pageSize to total, but that update my actual ui grid as well...

How can I do that?

Hi,


I'm having a very strange problem with the telerik grid taking up white space on the page when its not meant to.

It seems like its part of the k-grid-header which is taking up space starting from the content just above it.

As shown on the attached files, i have 2 divs just above the telerik grid, which gets hidden by the grids white space for some reason (seems to be stretching).

However if  i change the formatting and put the grid above the 2 divs, the grid doesnt stretch and the divs show up below it.

Is there any way to stop the grid from stretching from the top of the page and hiding the divs behind it?


I've tried using z-index to make the grid go behind the 2 divs but doing so prevents the grid from being used at all.

I also don't have any styling for the grid.

This is a sample code structure:

<div class="LeftPane HalfwayDivider" style="height: 200px;">
</div>

<div class="RightPane HalfwayDivider" style="height: 200px;">
</div>

    <div id="GridPane">

        @(Html.Kendo().Grid<PurchaseOrderModel>()    
            .Name("POLineGrid")
            .Columns(columns => {
                columns.Bound(p => p.PONumber).Width(70).Filterable(false).Title("PO No");
                columns.Bound(p => p.ProductName).Width(150);
                columns.Bound(p => p.Date).Format("{0:dd/MM/yyyy}").Width(150);
                columns.Bound(p => p.Supplier);
                columns.Bound(p => p.BuCode).Width(56).Title("BU");
                columns.Bound(p => p.DeliveryAddress).Width(150);
                columns.Bound(p => p.ClientName).Width(100).Title("Client User");
                columns.Bound(p => p.RaisedBy).Width(100).Title("Raised By");
                columns.Bound(p => p.TotalAmount).Format("{0:c}").Width(130);
                columns.Bound(p => p.StatusName).Width(70).Title("Status");
            })
            .Sortable()
            .Scrollable()
            .Filterable()
            .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                .Read(read => read.Action("GetPurchaseOrders", "Home"))
            )
        )

    </div>


Thanks for any help.

Hello all,

I'm sure this is something simple I'm doing wrong. I am trying to create a data connection to an Blogger.com RSS connection. I'm able to get it working with simple jQuery .ajax connection, but it's not working with the KendoUI datasource. I'm sure I'm forgetting something in the KendoUI connection, perhaps a configuration option or something.

The error I'm getting is: " Uncaught TypeError: Object #<Object> has no method 'slice' ".

I'm sure I'm not the first one wanting to connect to an blogspot/blogger.com RSS feed.

In the end, if I have to use the .ajax method, I suppose I can, it will ultimately be using in Icenium....but I'd prefer to stick to the Kendo API as much as possible so everything works together nicely as I will be using it in Views and with the Drawer and other Icenium functionality.

Working jQuery Code:

    var loadDefault = $.ajax({
        type: "GET",
        dataType: 'jsonp',
        contentType: 'application/jsonp',
        url: "http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=55&callback=?",
        data: "",
        success:  function (data) {
            for (var i = 0; i < data.feed.entry.length; i++) {

                var postTitle = data.feed.entry[i].title.$t;
                var postContent = data.feed.entry[i].content.$t;

                console.log(data);
            }
        }
    });


NOT WORKING KENDO UI:

var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                type: "GET",
                dataType: 'jsonp',
                contentType: 'application/jsonp',
                url: "http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=55&callback=?",
                data: ""
            }
        },
        change: function (e) {
            //var view = this.view();
            console.log('got here');
            console.log(this); // displays "Chai"
        }
    });
    dataSource.read();



Thank you in advance for any help... :)

i am struggling to get json data values,
here attached my files please any one help me?

In the OpenSource edition(kendoui.web.2013.1.319.open-source) , the main html for websushi example is missing. The Page can't be rendered.

I am having trouble rendering my child Combox using the cascade option.

Here are the parent/child data sources which shows I'm attempting to link the child "parent_id" to the parent "portfolioIid"

portfoliosList
{"portfoliosList": "Member1", "portfolio_id": 2 } ,
{"portfolioName": "Member2", "portfolio_id": 3}

accountsList array:
      
            { "account_id": 4, "accountName": "Account1", "parent_id": 2 },
            { "account_id": 5, "accountName": "Account2", "parent_id": 2 },
            { "account_id": 6, "accountName": "Account3", "parent_id": 3 },
            { "account_id": 7, "accountName": "Account4", "parent_id": 3 }

Here are my editor function which are attached to my grid:
/// POPULATE PORTFOLIOS (aka Members) COMBOBOX
    function portfolioComboBoxEditor(container, options) {
        var input = $('<input required id="portfolioName" name="portfolioName" data-text-field="portfolioName" data-value-field="portfolio_id" data-bind="value:' + options.field + '"/>');

        input.appendTo(container);
        input.kendoComboBox({
            dataTextField: "portfolioName",
            dataValueField: "portfolio_id",
            dataSource: {
                type: "json",
                data: portfoliosList
            },
            optionLabel: "Choose a portfolio",
        }).appendTo(container);
    }
    /// POPULATE ACCOUNTS COMBOBOX
    function accountComboBoxEditor(container, options) {
        var input = $('<input required id="accountName" name="accountName" data-text-field="accountName" data-value-field="account_id" data-bind="value:' + options.field + '"/>');

        input.appendTo(container);       
        input.kendoComboBox({
            cascadeFrom: "portfolioName",
            cascadeFromField: "parent_id",
            dataTextField: "accountName",
            dataValueField: "account_id" ,
            dataSource: {
                type: "json",
                data: accountsList
            },
            autoBind: false,
            filter: "contains",
            optionLabel: "Choose an account",
        }).appendTo(container);
       
    }


 I'm not sure where I'm going wrong. The the child combobox (is initially is grayed out) but then remains an empty list.

Thank you in advance for your assitance.

I have a MVVM DropDownList that uses a ViewModel whose DataSource uses a Model with a calculated field. If I attempt to set data-option-label on the DropDownList, I get "TypeError: d.<MyCalculatedField> is not a function". What can I do? This implementation works great on a DropDownList without a calculated field in its Model. Thanks!

Hello,

We are using the MVC wrapper to create a grid that contains a column with a date in it.

The date is stored in UTC, and we would like to display it in UTC.

For most browsers, simply binding to the column and specifying a format string of "MM/dd/yyyy" works fine, but on the iPad the date is being converted to the local time zone instead. We are using remote data binding.

After searching around, I came across this:

http://www.kendoui.com/code-library/mvc/grid/using-utc-time-on-both-client-and-server-sides.aspx

Which suggests that there is no work around other than to add the client-side javascript to convert the date back to it's original time zone. I am just posting this message to confirm that this is still the case (since that project is over a year old).

Thanks,
--Dan

Hi,

I need to create 3 tabs dynamically (with JavaScript), It works fine, if I have another tab created before, if not, I can see the "tab titles" but not the content and I am don't know what happens.

If I have this:

<div id="tabstrip" >
<ul>
       <li class="k-state-active">tab 1</li>
</ul>
 <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
    </div>
</div>

I can create new Tabs using this function:

var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.append({
            text: "title",
            content:  generateTabContent("19")
        });

And works fine, but I have problems when I try to create new tabs dynamically without any previous tabs... 

I am sure that is something simple... but I cannot find the problem.

Please can anyone help me? 
Thanks,

Seems there's an issue with back button to listview. Below listview renders fine with load more button and pull to refresh works fine.
However, when i click any list (to show detail content), it shows the detail fine... but when clicking the back button in the header, my listview is collapsed and shows the last item only (all the rest items are below the last item, so it is all collapsed). When i take pull to refresh action, then the listview shows normal.

have any clue???