Questions on Kendo UI for jQuery Forum

4 answers

146 views

[Solved] AutoFilter False

Hello, I have the autoFilter set to false, but when I hit the enter key the search is not executed.

_searchDS = new kendo.data.DataSource({

serverFiltering: true,

transport: {

read: function (options) {

var filter = options.filter ? options.filter.filters[0].value : '';

$.ajax({

url: _serviceConst + '/Search?q=' + filter,

type: 'GET',

success: function (result) {

console.log('result came back: ' + result.Object.length);

options.success(result);

},

error: function (xhr, sts, msg) {

}

});

}

},

schema: { data: "Object", errors: "Error" }

});

if (_searchMV == null) {

_searchMV = $("#searchresults").kendoMobileListView({

dataSource: _searchDS,

template: $("#searchresults-template").text(),

filterable: true,

filterable: { autoFilter: false },

click: function (e) {

}

}).data("kendoMobileListView");

} else {

_searchMV.setDataSource(_searchDS);

}

I have also tried the read statement as:

read: {

url: _serviceConst + '/Search',

dataType: 'json'

},

parameterMap: function (options) {

var filter = options.filter ? options.filter.filters[0].value : '';

var parameters = {

q: filter

}

return parameters;

}

Both do not execute the search on Enter key.
Thanks.

ListView (Mobile)

answered on 03 May 2013

1 answer

526 views

[Solved] Grid only displaying first page of data

I have the code below to bind data to my grid on the client. The grid is bound to the data, but I am having trouble getting the paging working. Here is my code"

$("#btnSearch").click(function () {
            $.ajax({
                url: "/Booking/GetBookingLookupData",
                type: "POST",
                data: null,
                contentType: "application/json"
            }).success(function (data) {

                var d = data;
                var gdata = $("#grid").data("kendoGrid");

                var ds = new kendo.data.DataSource({

                    data: d,
                    pageSize: 10,
                    serverPaging: false

                });

                ds.fetch(function () {
                    ds.serverPaging = false;
                });
                gdata.dataSource = ds;
                gdata.refresh();

            });

        });

All of the data gets bound to the datasource. I see all of the rows if I do not make it pageable, but the paging is not working. What am I missing?

Thanks,

Wayne

Grid

answered on 02 May 2013

1 answer

123 views

Using Kendo UI in Xamarin for android

i woul dlike to know how you would apply this kendo UI stuff in Xamarin

General Discussions

answered on 02 May 2013

5 answers

462 views

Explode slices onSeriesClick

Is there a way to make the slices in a pie chart explode onClick event?

Charts

answered on 02 May 2013

1 answer

262 views

Don't exit the editing cell after save?

Hello

My grid has navigatable set to false, and editable set to true, I am controlling the cell navigation through my own code. The reasons I am doing this are

InCell editing - turn on cell editing when a cell is selected, data is saved when the user navigates away from the cell.
Keyboard support - allow the user to navigate using Enter key (to go down the column) and Tab key (to go across the row) to immediately start editing the next cell. Also using the arrow keys to navigate.
Additional information in popup form - to complicate the matter even more, some cells may require additional information which the user can enter using a pop form triggered by the grid.save event. This took away the focus on the grid and therefore has to be programmatically restored back to the grid once the popup form is closed.

I would like to separate saving from grid navigation. Ie. the user can continue editing cells while the data source update itself in the background. One particular problem I ran into is after a cell content is saved, the grid reset its edit cell and lose focus of the current cell.

Is it possible for the grid to not control the navigation, and not control the edit mode toggleing?

Grid

answered on 02 May 2013

6 answers

354 views

Bug when multiple charts on same page

Hello.

When there is more than one chart on the same page the lines in the ( on all other charts) will be painted only in the width length of the first chart of the page.

As you can see in my attached print screen the first chart goes from 26 december to 24 of january, and is smaller than the charts in below, and the lines on the 2 graphs below is just painted until the width of the first chart. ( and i confirmed that there is values on the other charts until 24 January)

To overcome this i had put a dummy chart on a div, and set absolute position to outside of the screen, because if i set the div to hidden, all the other charts will not be painted.

Hope you can solve this bug.

Best regards
Pedro

Charts

answered on 02 May 2013

5 answers

395 views

Change URL of Chart's DataSource

Hi everyone,

I have a Chart that receives data using a DataSource. Depending on a users selection in a drop down box the data should come from a different url. The structure of the data from those different url's is identically.

I tried to set the url in the drop downs change event using this syntax

$('#Chart').data('kendoChart').dataSource.transport.options.read.url = 'new url';

$('#Chart').data('kendoChart').dataSource.read();

Unfortunately this is not working and I hope you can help me.

Best regards,

Pascal

Charts

answered on 02 May 2013

1 answer

172 views

Grouped Bar Chart duplicates series on refresh...

I have an issue with all of my bar charts that when I call refresh for window resizing etc, the entire series and data get duplicated. This has been happening for a while with older versions of Kendo, but I had a fix which was to clear the series array and then add it back in prior to calling refresh, but as of the latest version this no longer works and is causing issues.

I have created a JSBin to demonstrate the issue, I have put a counter on the refresh event to prevent to many series from being created due to JSBin firing window resize events too many times, just resize the pane to see:

http://jsbin.com/izixay/7/edit

Basically calling refresh() chart bound to a grouped datasource causes duplicate series for every refresh.

Thank you,
Bobby Ross

Charts

answered on 02 May 2013

1 answer

106 views

When Draggable with Grid is Dragged, footer controls being duplicated

When i drop a draggable element with a grid in it the footer controls (paging and row selection etc) are duplicated. They still work but there are two footer rows.
function panelDropped(e) {
        var droppedOrigParent = e.draggable.element.parent();
        droppedOrigParent.height(this.element.children(0).outerHeight());
        droppedOrigParent.prepend(this.element.children(0));
        e.draggable.element.show();
        this.element.prepend(e.draggable.element).height(e.draggable.element.outerHeight());
    }

    function panelDragStart(e) {
        e.currentTarget.hide();
        e.currentTarget.parent().height(e.currentTarget.outerHeight());
    }
$("#dropTarget1").kendoDropTarget({
        drop: panelDropped
    });
    $("#dropTarget2").kendoDropTarget({
        drop: panelDropped
    });
    $("#dropTarget3").kendoDropTarget({
        drop: panelDropped
    });

$("#SavedWorkDrag").kendoDraggable({
        container: $('#rightColumn'),
        hint: function () {
            return $('#SavedWorkDrag').clone();
        },
        dragstart: panelDragStart,
        dragend: function (e) {
            e.currentTarget.show();
        }
    });

I also am having a problem with another draggable element which has a radiobuttongroup in it. When it is dropped the selection is removed. This has something to do with the jquery clone() function being used as the hint. thanks!

Drag and Drop