I am trying to include a <div> inside a panel (the <li> element) of a PanelBar, but doing so causes an ajax call to be made, even if no contentUrls were provided.  I have even tried injecting the <div> the first time the individual panel is expanded, but if I do that the div does not get hidden when the panel is closed.  If I inject <div class="k-content"> I am back to having the ajax call made when the panel is first expanded.

My goal of all this is to get a panel with an open arrow icon; when that panel is first opened I want to attach a widget I wrote to the <div> contained in the panel.  The widget works perfectly if I let the panel do an ajax call that returns a simple piece of javascript that attaches the widget to the <div>, but this seems wasteful.

So, can I put a <div> into a panel of a PanelBar without getting an ajax call?  If not, is there another element I could use that would still cause the panel to work correctly and to which I could attach my widget?  I did try attaching my widget to the <li> element itself, but of course that wiped out the <span> elements that make up the title and hold the arrow icon.

Is it possible to use Kendo DataViz components in a Kendo Mobile application? Some intial testing seems to indicate that trying to reference both Kendo UI Web/DataViz and Kendo UI Mobile libraries on the same page causes errors. Is there an example anywhere that shows how to embed a chart/graph into a Kendo UI Mobile app?

Thanks

Hi!

How can I set custom function for getting autocompletion data?
When i tried code below, read function called twice and I get two dropdown lists in my browser.
How can I make a read function to be called only once? Or what is a proper way to use custom function for returning autocompletion data?
Thanks.

input.kendoAutoComplete({
                dataTextField: 'address',
                dataSource: {
                    serverFiltering: true,
                    transport: {
                        read: function(request) {
                            address = request.data.filter.filters[0].value;
                            geocoder.geocode({'address': address}, function(results, status) {
                                if (results) {
                                    request.success(format_response(results));
                                } else {
                                    request.success([]);
                                }
                            });
                        }
                    }
                }
}

when i use Combobox inside a window ,combobox popup appear behind of window. that's a problem :(

Hello, I have a grid that contains the results of an ad hoc query search.  My requirements are for this sortable table to be displayed empty on the form when the user first enters the page, then populate it after they fill out the search criteria and submit, hence the autoBind:false.

            $("#userGrid").kendoGrid(
            {
                dataSource: userSearchDS,
                sortable: true,
                autoBind: false,
                height: 200,
                scrollable: true,
                columns:
                [
                    { field: "penName", title: "Pen Name" },
                    { field: "userNumber", title: "User ID", width: 150 }
                ]
            });

The problem is that if you click on one of the columns while the table is empty, it calls read on your datasource, thus populating itself.  I believe this to be a bug, but assuming it wasn't, I went about trying to create the table with sortability turned off, then turning it back on when the search is performed.  This is proving to be difficult and I'm finding myself down a rathole of javascript surgery, so a patch or an alternative solution would be appreciated.

Additionally, I have a reset button that will clear out the contents of table using this JQuery function:

$.fn.clearKendoGrid = function()
{
    var data = $(this).data("kendoGrid").dataSource._data;
    data.splice(0, data.length);
    $(this).data("kendoGrid").refresh();
}

If I click the sortable column on the empty grid, I am no longer able to clear the contents out with this function, which is weird.  I haven't had the time to investigate further, though.

Hi
Greeting!!!

Please help with as i am facing some issues while using KendoUI for iPad, problems defined below:

1. When splitter used in iPad then it’s not working properly because of the width of the horizontal or vertical splitter. For Example when we want to minimize the splitter by touch then instead of any effect it increases the size of other pane.
2. We tried your solution provided in the forum but it has a problem that when we increase the width then entire look and feel of my application changes.
3. We have tried to increase the size of k-icon but it is showing some unwanted images. Following is the code given below with the changes;

.k-splitbar-horizontal .k-icon {

 MARGIN-TOP: -10px; WIDTH: 10px; POSITION: absolute; TOP: 50%; HEIGHT: 50px ;background-color: red

 }

Could you please help us to remove the images displaying the splitter.

Thanking in advance;

Regards

Manash Dutta

Hello everyone. 

I'm having an issue with using the window. The window loads fine on the first try, but then when I go to click the window again, I have to click twice on the button to have the window open. It's very strange indeed.

I am loading the call to the button calling the window function via the kendo grid. below is my code: 


You can view the issue here: http://10.50.3.30/rockhabitsdev/edit-users.aspx

So, basically what I would like to happen is you have a window that opens that allows you to edit the users info . You can close/cancel if you need to. But each "edit" button will allow you to edit that person's info. Additionally, the "X" will allow you to delete the table row.

Currently the first window opens fine. When I close the window, the next time I try to open a window the button disappears and I have to click again to have the window open again. If I click on the "X" to delete a row, the button functionality goes away and it refreshes the page on click, which does not seem right.

I grabbed the bit about opening a new window from another post I found on the help forum. It was from an admin, so I can only assume that part is correct.

I'm not getting any errors in firebug, so I don't know what's going on.

Any help would be appreciated. Thanks in advance!

I found that if the splitter is initialized while it's not being rendered, it won't be rendered correctly.

 An easy way to reproduce this is to create tabstrip which contains 2 tabs. (Normal page and splitter)

When the splitter is initialized when it's splitter page is shown, it's fine. But, not the other way around.

Is there any workaround this?

I have a grid that is metadata driven. When the data comes back from the data source (the data that comes back includes the metadata), I parse the data with the parse method. In that method, I flatten a data structure that I received to match a list of columns that we generated by the metadata.

I have set the dataSource property of the grid to the kendo datasource that I created.

I have some actions in the page that can force the datasource to fetch its data and metadata (through dataSource.fetch). The problem that I have is it seems that I can't force the grid to update its list of columns and its data at the same time unless I completely destroy the html containing the grid.

Furthermore, the grid will also trigger a fetch of the data when it is re-rendered, causing two calls to the server to do exactly the same thing.

Is there a way to force the grid to fully re-render itself while using the data that is already in the dataSource? I tried calling dataSource.data() but it returns an empty object, although there is actually some data in the dataSource (it may have to do with the cache=false in my settings)

Thanks

I have some XML that I'd like to express to the user as a tree view.  Looks like I'll have to use XSLT or something to convert it to <ul><li> format for the tree view.