Questions on Kendo UI for jQuery Forum

1 answer

315 views

How can I easily keep the selected rows by the user and put back the selection when scrolling back to this page (or when the record is shown because sort could change the order). I would keep the unique Id for each row records but struggling how to easily do that.
I know how to get the raw data but don't know how to do it using the datasource.

Grid

answered on 22 Feb 2012

0 answers

113 views

Strange behavior

Hello guys,

i'm using the tabstrip and i have

hdr = $("#[data-role=header]");
ftr = $("#[data-role=footer]");

which gets the wrapper for footer and for tabstrip.

My goal is to have this script working

if (window.innerHeight < window.innerWidth)//landscape mode
{
ftr.hide(); hdr.hide();
} else {
ftr.show(); hdr.show();
}

Which, at first, does work. But when i'm going to another tabstrip, strange behavior occurs - the other tab completely disappears!
Clearly, this is not the right approach. Is there a programmatic way to hide/show the footer/tabstrip?

Thansk!

TabStrip

asked on 22 Feb 2012

0 answers

191 views

Kendo Scrollview full screen

Hello guys,

I'm using the scroll view like in your example that makes a small gallery.
How can i make that example full screen?

Seems difficut since there are many wrapping divs generated by kendo,
There are divs such as .km-scroll-container, .km-content, #scrollview-container, and another one
generated in between the photo divs and the data-role='scrollview' div, etc...

what is the right way?

ScrollView (Mobile)

asked on 22 Feb 2012

1 answer

104 views

Theme Builder RoundTrip Needed

One of the greatest features of jQuery UI is the ability to create a skin, download it and try it out. Later you can come back and continue with the custom skin you created. This is a big deal and if this could be added to the Theme Builder it would be greatly appreciated. While it would be cool if Kendo UI would run off jQuery UI themes that is not a deal breaker. I am sure working with our designers this will become a big issue without this ability over and over. If you guys could add this ability the designers will help us sell Kendo UI vs having to sell the desingers and the clients over and over.

General Discussions

answered on 22 Feb 2012

0 answers

113 views

Scrollbar doesn`t show up when data is updated

Combobox has only one item at the beginning. When it is updated dynamically, it has about 50 items and the scrollbar doesn`t show up.

var combobox = $("#input").data("kendoComboBox");
combobox.dataSource.data(ObjList); //now about 50 items
combobox.dataSource.query();
combobox.height = 200;
combobox.refresh();

Browser mode: IE8 compatibility
Document mode: IE8 standarts

Any suggestions to fix it?
Thank you.

ComboBox

asked on 22 Feb 2012

0 answers

38 views

why kendoui.mobile.2012.1.124.beta example no sliding effect？

why kendoui.mobile.2012.1.124.beta example no sliding effect？为什么剑道移动的demo下载好后，没有滑动效果

General Discussions

asked on 22 Feb 2012

1 answer

178 views

ajaxRequest Works Only The First Time?

Am am trying to use splitter.ajaxRequest when an item from a grid of item(s) is selected.

Item is selected and splitter.ajaxRequest updates the specified pane loads correctly. I would like the pane to reload using splitter.ajaxRequest when the selected item changes.

I get the error "Cannot call method 'ajaxRequest' of undefined"

change: function(e) {

var row = this.select();

var id = row.data("id");

var splitter = $("#mySplitter").data("kendoSplitter");

splitter.ajaxRequest("#pane1", "?p=user", { id: id });

}

Thanks for the help.

Splitter

answered on 22 Feb 2012

4 answers

127 views

[Solved] AutoComplete list of results flashes for second then disappears in ie8 and below

the results don't show up at all in IE7 and 8. Only flashes for a moment then disappears.

Here's some code:

  <input id="SearchBox" style="width: 525px;" />
                
                   <style scoped>   
                    .k-autocomplete {
                        vertical-align: middle;
                    }
                   </style>

    $("#SearchBox").kendoAutoComplete({
        minLength: 2,
        dataTextField: "VenueName",
        dataSource: {
            type: "json",
            severFiltering: true,
            serverPaging: true,
            transport: {
                read: "Services/SomeService.svc/GetBusinessVenues",
                parameterMap: function () {
                    return { venueName: $('#SearchBox').val(), reviewStatusId: '1' };
                }
            }
        }
    });

AutoComplete

answered on 22 Feb 2012

1 answer

427 views

Trouble Finding Selected Button

Could you please provide the code for finding the selected button in a button group.

The documentation says there is a method called current() that will "Get the currently selected Button" and that it returns a jQueryObject of the selected button.

I use:
var buttongroup = $("#buttonGroup").data("kendoMobileButtonGroup")

and then I'm trying to use

buttongroup.current()

which does indeed return a jQueryObject, but it looks like the buttongroup and not the selected button. I've used firebug and been all over the return object from buttongroup.current() and can't find a thing that helps me with what is selected.

I'm sure it's something stupid.

Thanks - Shawn

ButtonGroup

answered on 22 Feb 2012

1 answer

147 views

Draggable gint

EDIT: draggable gint should be draggable hint.

I have a series of DIVs that contain an image + text + some other stuff. Each of these DIVs have the ID "item_" followed by a number.

To make these draggable, I loop through how many DIVs and do the following:

for (var i = 0; i < $('.titleData').length; i++) {

$("#item_" + i).kendoDraggable({

hint: function () {

return $("#item_" + i + ' img').clone();

}

});

}

Problem is, no drag image is shown. If say I have 5 items, "i" in the above loop is always equal to the last item + 1 when debugging (when an item drag starts). No image is shown, not even the square with red X in IE.

If I give it a specifc name (bogus path gives the red X) or do something like below, it works but it is not what I'm after.

return $('<img src="' + getRootDomain() + '/images/slicks/' + $("#titem_" + i).attr('data-sku') + '.jpg"></img>')

How would I do it so EACH item has its OWN image and don't all have the same?

Drag and Drop

answered on 22 Feb 2012