Hi,

I'm trying to bridge 2 samples from your demo library:

http://demos.kendoui.com/web/mvvm/source.html

and

http://demos.kendoui.com/web/mvvm/remote-binding.html

Basically, I want to use source binding on a template (as in the source and template binding sample), but instead of using static data I want to use a DataSource (as in the Remote binding sample).

So, following your code, I came up with this:


This will only work if I set the "source" binding on the template to "theView", but not if I set it to "theList", so this leads me to ask if I should be able to bind directly to a DataSource object with the source binding ?

In the Remote binding sample, you set the source binding of the select element directly to the modeview's DataSource, but this doesn't seem to work for list elements.

Am I doing something wrong, or maybe missing something ?

Thanks

Hi, 

   I had a 4 panels in 2 of the panels i had kendo grid. I had a maximise and minimise functionality for the panels.So i had to give the width in percentages (some thing like 48%). and the width and the height calculation is based upon the window height and the width. So can i give the width of the kendo grid in percentages as well as the column widths in percentages...

Hello,

I am trying to implement a scenario of swapping values between the list boxes using the drag & drop feature. A snap shot of what's to be done is displayed in the attachment "Task.jpg" 

The Drag & Drop feature works perfectly fine in Firefox, but doesn’t works at all in Chrome & IE (7 & 8). 

The key aspects here are:

1. In Chrome and IE9, Items in ListBox1 and ListBox2 are not getting selected by mouse, but can be selected using the tab keys. In this case even the swapping works the items are selected
2. Also observed a weird behavior in IE 7 & 8. It works first in IE & then stops working. Once we minimize & restore the IE browser it again starts working.
3. The written code works perfectly fine in Firefox.

To further provide you the details on the implementation, the created code is added to jsFiddle at the location http://jsfiddle.net/ravisingh/5B6mq/1/ . Also attached with the post are the images of Chrome & Firefox while debugging the issue.

Thanks & Regards,

Manoj Kapoor

The below function reads from a specific URL and loads the contents into myDiv using a template and listView.  The function works perfect the first time.  How can I force the view to refresh with new data each time the function runs (the function is triggered externally)?

function loadNewFeed(url) {
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: url,
dataType: "json"
}
}

});
$('#myDiv').kendoListView({
dataSource: dataSource,
template: kendo.template($("#reviewsTemplate").html())
});

};

how to use  multiple select  in kendo mobile 

There appears to be an issue with Maximize.  When you maximize a window, the window gets taller than the actual client area.  If you are using the window like a dialog, the buttons at the bottom will actually hang off the screen, or be hidden completely.

I am using Chrome when noting this issue.  Here's an example of the problem:

http://jsfiddle.net/jkappel/kn6Ep/

On a side note, how do you set the initial top and left positions of the window?
Intuitively I would have thought top: and left: would do it, but it appears not so.

(see attached)

I want my listview to contain the "Threads" collection, however I want other parts of the page\widget to show the other data.

This would be super simple with just an $ajax call and I could play with the returned object, but I'm stumped as to where to start with the datasource.

Basic scenario

Have a dropdown list

Is set up with a datasource as follows:


Works fine.

Later in the code, I assign a data object


(console.log confirms this is working and the value is being retained)

Then after I set this values, I do a sync on the dataSource


The request goes to the server, as expected, works fine

HOWEVER, it does not attempt to POST the data value that was set, which is meant to modify the query done by the server


Is this a bug or am I just missing some critical piece of information?

Hi

I set set an url while binding a list. its have no issue if set local view id. But instead of local view id if i set a local .html page. it will stop working in android device. In Phonegap, it giving an error ---

03-31 16:30:24.359: E/Web Console(19853): Uncaught TypeError: Cannot call method 'getAttribute' of undefined at file:///android_asset/www/js/kendo.mobile.min.js:8

------------------------------------------------------------------------------------------------------------------------------------

var MainMenuAction = [
            { name: "Book Your Ticket", description: "", url: "eventtypelist.html", id: 1},
            { name: "Trace Your Ticket", description: "", url: "traceticket.html", id: 2}
        ];


        function SetMainMenu() {
            $("#ulMainMenu").kendoMobileListView({
                dataSource: kendo.data.DataSource.create({ data: MainMenuAction }),
                template: $("#TmpIndex").html()
            });

    <script type="text/x-kendo-template" id="TmpIndex">
    <h4 class="item-title">${name}</h4>
    <p class="item-info">${description}</p>
    <a data-role="button" data-item-id="#:id#" href="#: url#" class="details-link">Continue</a>
    </script>

----------------------------------------------------------------------------------------------------------------------------------------------

List is populate but when i click on button it will not working in my mobile.

How to fix this issue.

Thanks 

Jaydeep

How do I apply a style or class to a grid column header.  For example, I would like to apply the style text-align: right to a specific column.