Questions on Kendo UI for jQuery Forum

2 answers

232 views

We have a modal view that has content loaded into it dynamically via some ajax calls. After the data is loaded and the modal is made visible, the scroll bar is always still at the position it was for the previous content. How can we scroll it to the top after loading the content?

Thanks

ModalView

answered on 12 Nov 2013

4 answers

250 views

kendoDraggable filter syntax

Hi,

I would like to know if there is any documentation on the filter parameter for the kendoDraggable function. I have searched a lot and not found anything.

My current situation is that I have drag and drop working between 2 kendo ui grids and all is great. However, the draggable filter is currently:

filter: "tbody > tr"

This causes the whole line to then display in the drag. I would like to find a way to specify the first column in that row and not the whole row.

Any input would be greatly appreciated.

Drag and Drop

answered on 12 Nov 2013

1 answer

89 views

Endless scroll with data pulled from local database does not render properly

Hello,

I am experiencing an issue with the endless scroll when used with data pulled from the local database. When I scroll down the loading image appears at the bottom and it never disappears. Also, when I reach a point in the list and I scroll up there is almost a third of the screen that is not visible until I reach the top.

I tried it with data pulled from a server and works perfectly but not with data pulled from the local database. To me it looks like it does not know when the request is over so that it can hide the loading image.

This is the code I am using:

var dataSource = new kendo.data.DataSource({

type: "json",

transport: {

read: function(options) {

db.transaction(queryRows, app.dbError);

function queryRows(tx) {

tx.executeSql("SELECT comps.*, (SELECT COUNT(*) FROM comps WHERE comps.comp_name LIKE ?) as total FROM comps WHERE comps.comp_name LIKE ? LIMIT ?, ?", ["%" + $("#search-comp-name").val() + "%", "%" + $("#search-comp-name").val() + "%", (options.data.page - 1) * 20, 20], queryRowsSuccess, queryRowsFailure);

}

function queryRowsSuccess(tx, results) {

var res = Array();

var total = 0;

for(var i = 0; i < results.rows.length; i++) {

res.push(results.rows.item(i));

}

if(results.rows.length > 0)

total = results.rows.item(0).total;

var resSchema = {

results: res, total: total

};

options.success(resSchema);

}

function queryRowsFailure(err) {

app.compListDbError();

}

},

schema: {

total: function (response) {

return response.total;

},

data: function(response) {

return response.results;

},

serverPaging: true,

pageSize: 20

});

$("#companyResultList").kendoMobileListView({

dataSource: dataSource,

template: $("#endless-scrolling-template").text(),

endlessScroll: true

});

ScrollView (Mobile)

answered on 12 Nov 2013

1 answer

125 views

Change event time format when you are dragging event

Hi everyone,

    Could I change the time format to "HH:mm" in the shadow event when you are moving or resizing the event?

    I've been looking for examples or any guide but I can't find it.

    Maybe using move or resize event?

Thanks in advance
Regards

Scheduler

answered on 12 Nov 2013

1 answer

169 views

Getting unwanted scrollbar inside tooltip in chrome on zoom-in (110%)

Hello,

In chrome, when we zoom in for a certain zoom level (110% , 125%) we are getting scroll bar inside tooltip .
Please let us know if there is any fix for this?
Please refer attached file for more details.

Charts

answered on 12 Nov 2013

3 answers

180 views

Grid virtual scrolling not updating count

Hi guys,

I'm having an issue with a server paged data source, where if the length of the result set changes the data source is not updated with the change. For example:

                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "json",
                            serverPaging: true,
                            pageSize: 100,
                            transport: {
                                read: {
                                    url: "/Req/Azure",
                                    dataType: "jsonp",
                                    data: {
                                        sid: sid,
                                        q: query
                                    }
                                }
                            },
                            schema: {
                                data: "data",
                                total: "total"
                            }
                        },
                        height: h,
                        width: "auto",
                        scrollable: {virtual: true},
                        selectable: "row"
                    });

If on the first request of the data source (page=1, skip=0, take=100) the total is 200 and on the second request (page=2, skip=100, take=100) the total is 202, the data source never makes a third request as it has reached the initial 200 records.

Any ideas how i can work around this issue?
Tony

Grid

answered on 12 Nov 2013

4 answers

158 views

Splitter have memory leak

We just update all use of our Kendo control to use "kendo.destroy(context)"

Combobox, datepicker don't show any leak now

But we see that splitter still have some leak.

In ajax we refresh some information in our page, and remove the splitter each time.

In debug we check that "kendo.destroy" was call before we remove the DIV that was made into splitter.

If we just remove the call to kendo.splitter we don't have leak.

Thanks

Splitter

answered on 12 Nov 2013

3 answers

168 views

multiple layouts not working?

I'm trying to use multiple layout definitions without success. The views are always using the default one. The code is looking like that:

<div data-role="layout" data-id="default">

<header data-role="header">

<div data-role="navbar"> some content ... </div>

</header>

<footer data-role="footer">

<div data-role="tabstrip"> some content... </div>

</footer>

</div>

<div data-role="layout" data-id="layout2">

<header data-role="header">

<div data-role="navbar"> some other content ... </div>

</header>

<footer data-role="footer">

<div data-role="tabstrip"> some other content... </div>

</footer>

</div>

<div

id="view1"

data-role="view"

data-layout="default"

>

content...

</div>

<div

id="view2"

data-role="view"

data-layout="layout2"

>

content...

</div>

"view2" is using the default layout as well (instead of "layout2"). Am I doing something wrong? I just followed the layouts documentation.

General Discussions

answered on 12 Nov 2013

1 answer

171 views

Validation tooltip in editor event template

Hi,

    How could I show tooltip message in editor event template when validating dates like in demo?

    (" End date should be greater than or equal to the start date")

    Currently on my scheduler I can see tooltip but without message, only it shows exclamation icon. Additionally as I show a dropdownlist with resources the tooltip is displayed below this dropdownlist and I can't see the tooltip.

Thank you very much
Regards

Scheduler

answered on 12 Nov 2013

2 answers

276 views

Hiding and showing the footer

We have the requirement to conditionally hide and show the footer nav bar (based on whether anything is selected in a list view). We've tried various approaches to this but have not yet found a 100% working solution. Currently we are setting "display: none" on the footer element but the footer still shows during slide transitions. Do you know of a way to prevent it showing during tranisitions?

General Discussions

answered on 12 Nov 2013