Questions on Kendo UI for jQuery Forum

1 answer

133 views

I have a treeview inside a parent div. The parent div has a fixed width and height, with overflow:scroll. So when the treeview contains many items, you can scroll the div down to see them. If you do this, then select a node, the div goes back to the top, so you then have to scroll down to find the node you clicked on.

I'm guessing clicking on the treeview is then propagating to the parent div. Is there a way to stop this?

Thanks

TreeView

answered on 08 Jan 2013

3 answers

164 views

Kendo UI + NavBar + Scrollview + DataViz

I have recently adquired Kendo UI for developing html5 applications. I have created few examples with success but I'm stuck with few examples.

I would like to get the following structure for the website skelethon:

3 NavBar

Kendo UI or Jquery Scrollview plugin inside the content(picture,text,etc) of each Navbar (2 or 3 left/right scrollable pages)

I would like to add inside the content of the scrollview page a pie chart, datapicker and few mote stuff.

Not sure how I should manage to create all of this or which libraries I should include in the project
I have tried several times without success.

I would really appreciate any help.

Best regards

ScrollView (Mobile)

answered on 08 Jan 2013

3 answers

92 views

shared custom rules?

hi,
is it possible to trigger a custom rule for 2 input fields?
for example i have 2 fields which are dependant on each other. 1 or the other is required. but both can't not be empty.

how would i do this?

cheers

Validation

answered on 08 Jan 2013

1 answer

106 views

Problem With Grid Sizing

I have a grid that I am attempting to size based on the div size that contains it. I am using the following code:

function resizeGrid(h) {

var gridElement = $("#grid"),

dataArea = gridElement.find(".k-grid-content"),

gridHeight = h,

otherElements = gridElement.children().not(".k-grid-content"),

otherElementsHeight = 0;

otherElements.each(function () {

otherElementsHeight += $(this).outerHeight();

});

dataArea.height(gridHeight - otherElementsHeight);

}

It is based on a fiddle that Dimo posted in another thread.  The h parameter is the height of the div that contains the grid.



The problem is that when the page is first loaded the grid causes a scrollbar to appear.  If I then resize the browser or maximize the grid appears as it should.  How can I get it set to the correct height on first load?



I have attached two images one showing the grid as it appears on load and one after any resize or maximze etc...

Grid

answered on 08 Jan 2013

15 answers

395 views

View duplication when using URL Parameters.

Hello,

I have attached a simple test project that reproduces my issue.
It must be run on a web-server in order to avoid browser security restrictions relating to loading from a local file system.

The problem is that when navigating to a remote view using url parameters a duplicate version of the view is created in the DOM with a data-url attribute that matches its URL parameters. This duplicate view renders as HTML only and does not reflect changes in the mvvm structure.

This is easily noticeable when using an html debugger such as chrome's developer tools. Simply run the test project, open the debugger, click the first button, go back, click the second button. You'll see the behavior I described reflected in the HTML on the debugger.

I am using the latest internal build of KendoUI Mobile for this test project (2012.3.1204).

General Discussions

answered on 08 Jan 2013

17 answers

335 views

Menu link issue on iPad

I love what you guys are doing but when I added links to a live use case on iPad the menu works but the links do not trigger. This works on the desktop with the mouse but it is not working on the iPad with the touch. Note again that the menus work in open and close and even the events trigger correctly. What does not work is a menu item wrapped in a link does not seem to trigger. So is this a bug or is there something different that I should be doing for these menu items to be links?

Menu

answered on 08 Jan 2013

11 answers

388 views

Initalize D&D on a list of items

Ok so take your demo D&D page with the yellow circle and the dropzone

No imagine you have 15 yellow circles, all droppable into the same single container

When we wire it up here in document .ready we're doing this

$(".list-item").each(function(){

$(this).kendoDraggable({

group: "ihopethisworks"

});

...

So that "works"...in that drag\drop works...but when we start to drag it literally grabs EVERY item in the list and attaches them all in some sort of weird Katamari ball.

I THINK I need to initialize it with the group property?

**EDIT** Got it working, please though a demo of this would be awesome (for reference)

Steve

Drag and Drop

answered on 08 Jan 2013

9 answers

370 views

Remote Virtualization of Data

Hi guys,

I seem to be having an issue with virtualizing data for my grid. I've initialized it with the following:

    $("#myGrid").kendoGrid({
        dataSource: {
            type: "json",
            serverPaging: true,
            serverSorting: true,
            pageSize: 32,
            transport: { read: "/Query/GetAddresses" }
        },
        height: 300,
        scrollable: { virtual: true },
        columns: cs /* The columns data stored in the cs variable */
    });

The grid initializes fine, and populates with 32 records (shows about 10 with a scrollbar due to height constraint). When i scroll down, i can see that the next ajax call is made and returns the correct json data for take=32 & skip=32 & page=2 & pageSize=32 using FireBug. The problem is that at this point, the data isn't appended to the grid. Also, any further scrolling on the scrollbar calls for page 2 again with the same parameters.

I've tried a few variations of parameters as i thought they may be intefering with each other, but couldn't get the data to come through. Any help or ideas of things to try would be appreciated.

Regards,
Tony

Grid

answered on 08 Jan 2013

3 answers

190 views

Treeview is almost unresponsive on ipad, and android tablet (chrome and stock browsers)

Hi.

I am trying to explore this demo:
http://demos.kendoui.com/web/treeview/index.html

And it just does not work correctly in either of ipad (safari) or android tablet (chrome and stock browsers).

I have read this:
http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx

But is it really related? It only says about expanding, but I also cannot select (click) node for example.
after 10-15 touches at different places around node it is sometime selected, but not always.

if this is same problem as the one above (http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx) them I am sorry, I just wanted to be sure if it gets fixed.

TreeView

answered on 08 Jan 2013

2 answers

343 views

How can I make the loading animation be modal?

We use the Application.showLoading() method to show the loading animation whenever we make any AJAX calls, or refresh any DataSources in our mobile web app. However, the page below the loading animation remains active while the animation is displayed. This can lead to very weird behaviour if the user touches anything there.

How can I make the loading animation be modal?

What I have tried is the following:

<div id="glass" class="glass" style="display: none;"></div>

with the following in our CSS:

.glass {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: 100;

opacity: 0.3;

background: #fff;

}

and finally, the following utility function:

function showLoading() {

$("#glass").show();

app.showLoading();

}

This works very well on:
- Safari on iOS
- Chrome on Android 4.2

However, it displays an ugly white rectangle on:
- Android Browser on Android 4.2 (see attached screen shot)

I would happily throw away all of this code if there is a Kendo provided method to achieve what I want. If Kendo really does not provide this functionality, then any help in what I am doing wrong with my code would be greatly appreciated.

Thanks in advance,
David Sykes

Application

answered on 07 Jan 2013