Questions on Kendo UI for jQuery Forum

3 answers

1.3K+ views

Change “items per page” to "Items per page" in List view pager

Hi All,

How to change “items per page” to "Items per page" in List view pager?

Regards,
Partha.

ListView

answered on 13 Dec 2012

1 answer

148 views

Filter datagrid

Hello,
I try to filter my datagrid like this :

The same filter must be used for 2 properties. But an error is raised when I use the Or method, if I remove the Or, it works but it is not what I want to do because, without the Or method, the composant do an And between the two filters.

.
.
.
                    .Filter(f =>
                        {
                            if(!string.IsNullOrEmpty(Model.FilterByVendor))
                            {
                                f.Add(a => a.Name).Contains(Model.FilterByVendor).Or();
                                f.Add(a => a.VendorNumber).Contains(Model.FilterByVendor).Or();
                            }
                        })
                    .Read(read => read.Action("GetAllVendors", "Vendor"))
                    .PageSize(20)

            )
            .Filterable()
)

Grid

answered on 13 Dec 2012

3 answers

213 views

IOS Textarea issues

In iOS when a textarea is focussed and then the view scrolled down the cursor floats over the text area until a new input is selected. Is there a way to keep the cursor in place when the view scrolls?

Also is there a workaround to allow a multi-line textarea?

General Discussions

answered on 13 Dec 2012

1 answer

98 views

Is there Drill down feature in the graphs and also want to export the graph to images and to PDF?

General Discussions

answered on 13 Dec 2012

2 answers

247 views

Scrolling stops working when setting data source

We have a listview which is populated every 5 seconds with data from a database using AJAX. Normally everything works correctly, including scrolling. However if the user has their finger on the screen (listview) when we set the data source then for some reason scrolling no longer works even though the content of the listview is updated.

This only seems to be a problem with iOS.

Once the AJAX has completed we use the following code to set the data source.

$("#listView").data("kendoMobileListView").dataSource.data(data.Data);

Any thoughts on what might cause this?

ListView (Mobile)

answered on 13 Dec 2012

1 answer

606 views

[Solved] Bar Chart - Reverse Y (valueAxis) without rendering from top-down.

I have a Kendo UI Chart where I am displaying 3 series of data, on 3 different value axis.

The "Ad Position" value axis is inverted, with 1 being highest possible value (As per image). Chart with inverted Y Axis

As you can see, this results in the "Ad Position" series rendering "top down".

Does anyone know of a way to force this series to render "bottom up", e.g. for the bar to start rendering from the lowest value (4.5).

Javascript:

var categories = Array();
var series1 = Array();
var series2 = Array();
var series3 = Array();

// data is populated by parsing a html table
// $chart is passed in as a variable
$chart.kendoChart({                
    theme: "bootstrap",                
    title: {
        text: "Hour of Day Avg. Position"
    },
    legend: {
        position: "bottom"
    },
    seriesDefaults: {
        type: "line",                    
    },
    series: [{
        data: series1,
        name: "Avg. Ctr",
        tooltip: {
            visible: true,
            template: "#= category #: #= value #%"                        
        },
        axis: "ctr"
    },
    {
        type: "bar",
        data: series2,
        name: "Avg. Position",
        tooltip: {
            visible: true,
            template: "#= category #: #= value # Avg. Pos."
        },
        axis: "adPos"
    },
    {
        data: series3,
        name: "Clicks",
        tooltip:
        {
            visible: true,
            template: "#= category #: #= value # Clicks"
        },
        axis: "clicks"
    }],
    valueAxes: [
    {
        title: { text: "Click Through Rate" },
        name: "ctr",
        labels: {
            visible: true,
            format: "{0}%"
        }
    },
    {
        title: {text: "Clicks per Hour"},
        name: "clicks",
        labels: {
            visible: true,
            format: "{0}"
        }
    },
    {
        title: { text: "Ad Position" },
        name: "adPos",                    
        labels: {
            visible: true,
            format: "{0}"
        },
        min: 1,
        reverse: true
    }],
    categoryAxis: {
        categories: categories,
        labels: {
            rotation: 45
        },
        title: {
            text: "Hour of Day (24Hr)"
        },
        reverse: false,
        axisCrossingValues: [0,30]
    }
    });

Thank you for your help.

Charts

answered on 13 Dec 2012

1 answer

166 views

combobox enhanced filter

The data source for my combo box contains 3 fields - the usual text and value, along with an additional one - detail.
Using the combobox template property like so:
template: '${data.detail}'
I am able to display the enhanced item detail info info in the drop down menu, while displaying just the short text in the input field normally. That's good, but the filter only applies to the field specified by dataTextField.

With minor changes to the combobox code, I am able to support this by providing a new config option dataSearchField (which I set to "detail") and then doing
field = options.dataSearchField || options.dataTextField
in the search and _filterSource functions of combobox.

And that kind of works for me. Better version would be to allow the dataSearchField to be a function or a field name. But that would require much deeper changes.

My question is - can/will this ability be added by kendo if requested, and what is the best way to submit such an enhancement request?

Or, is there already some other way to achieve this functionality?

ComboBox

answered on 13 Dec 2012

1 answer

147 views

[Solved] Binding to dataSource with aggregates and grouping

I'm binding a DropDownList to a datasource with aggregates and grouping. Is that possible?

I'm getting the error:
Uncaught TypeError: Cannot call method 'toLowerCase' of undefined

DropDownList

answered on 13 Dec 2012

2 answers

151 views

[Solved] Tooltip multi-Axis

Hi,

I have a chart with multi-axis, in ie9 the tooltip doesn't show in column only in line

Charts

answered on 13 Dec 2012

3 answers

393 views

KendoUI Grid filter redirecting to another page

Something very strange is happening when I am using the filter of KendoUI Grid. My grid is very simple and the definition is like this:

        var cols = [];
        cols[0] = { field: 'name', title: 'Nome', width: "65%" };
        cols[1] = { field: 'eMail', title: 'eMail', width: "20%" };
        cols[2] = { field: 'city', title: 'Cidade', width: "15%" };
        var cfgGrid = { dataSource: dsPersons, 
                        batch: false, 
                        change: onSelectedRow,
                        selectable: "row", 
                        resizable: true, 
                        scrollable: true, 
                        sortable: { mode: 'multiple', allowUnsort: true }, 
                        filterable: true, 
                        editable: false, 
                        pageable: { numeric: false }, 
                        columns: cols };
        gridPessoas = null;
        gridPessoas = $("#gridElem").kendoGrid(cfgGrid).data("kendoGrid");
The grid is displayed correctly in url:

http://localhost:50409/#/personsView

But when I try to filter any column kendoUI redirects to a page:
http://localhost:50409/undefined?

The Datasource was defined like that:
var ds = { data: persons,
           schema: model,
           filter: {},
           serverPaging: false,
           serverFiltering: false,
           pageSize: 12 };

The grid is ok and the error only occurs when I define a filter value and click on the filter button.

This is an ASP.NET MVC 4 site. I cannot imagine what is going on.

Can you help me ???

Thanks in advance

Grid