Hi,

Is there anyway to always display NavBar on the top in all devices?

Thanks,
Dan

Hi,
I am retrieving  data from database into JSON object using $.ajax method. I want to bind that data to listview. I am using following example. but in following example json has read from the file but I don't .json file I've an object which I need to bind. Can anyone tell me how to bind json object.
<script type="text/javascript">
    var clientData = null;
    // Urls to access the WCF Rest service methods
    var GetClientUrl = "http://localhost:1000/Service/GetClients/agentId=AG9898";


    function initListView() {
        $.ajax({
            cache: false,
            type: "GET",
            async: false,
            dataType: "json",
            url: GetClientUrl,
            success: function (clients) {
                if (clients != null && clients != "undefined") {
                    clientData = clients.Clients;
                }
            },
            error: function (xhr) {
                clientData = null;
                alert(xhr.responseText);
            }
        });

        var ds = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "team.json", //Here instead reading a data from file it should read from json object i.e. clientData
                    dataType: "json"
                }
            },
            change: function () {
                //debugger;
            }
        });
        $("#fixed-listview").kendoMobileListView({
            dataSource: ds,
            template: "#:SortName#"
        });
    }
</script>

I have a situation where I would like the AutoComplete control to populate a specific ul element rather than the default drop down list. Here is a jsfiddle that demonstrates what I am trying to do.

This works OK to a point, but I notice the list loses pretty much all of the functionality that the AutoComplete drop down list has, such as keyboard navigation and item select events.

Is there any way to make this work without sacrificing so much functionality?

I have a multi select control which allows users to select items, I save the selected items to a database. When the page is next loaded I want to retrieve the list of items from a remote data source but also set the currently selected items.

My code is:

  $('#componentList').kendoMultiSelect(
        {
            autoBind: false,
            dataTextField: 'COMPONENT_NAME',
            dataValueField: 'COMPONENT_ID',
            dataSource: {
                transport: {
                    read: {
                        url: '/Data/GetData'
                        dataType: 'json'
                    }
                },
                schema: {
                    data: function (data) { //specify the array that contains the data
                        return data.fullList;
                    }
                }
        });

As you can see my web service returns the data in the field fullList, I also have another field called selectedList on my datasource.  How do I set the values from that?  Do I have to do a seperate ajax call to get the selected data or can this be done in a single server round trip?

Thanks.

Hi,

Will there be any bubble count like jQuery's  http://jquerymobile.com/demos/1.2.0/docs/lists/lists-count.html any time soon ?

Thanks

The code (nothing wrong with the code)

@(Html.Kendo().Grid<CourseTypeViewModel>()

      .Name("MyCourseTypesGrid")

      .Editable(e => e.Mode(GridEditMode.InLine))

      .ToolBar(toolbar => toolbar.Create().Text("New Course"))

      .Columns(columns =>

          {

              columns.Bound(o => o.Title);

              columns.Bound(c => c.IsActive).Width(60);

              columns.Bound(c => c.DotCourse).Width(60);

              columns.Bound(c => c.RenewalInterval).ClientTemplate("#=RenewalInterval# (#=TimeFrame#)").Width(60);

              columns.Bound(c => c.TimeFrame).Width(80);

              columns.Command(command =>

                  {

                      command.Edit();

                      command.Destroy();

                  }).Width(200);

          }).Sortable().Pageable().Groupable()

        .DataSource(datasource => datasource

        .Ajax()

        .Model(p => p.Id(m => m.Id))

        .Create(create => create.Action("InsertCourseType", "Admin"))

        .Read(read => read.Action("CourseTypesGridData", "Admin"))

        .Update(update => update.Action( "UpdateCourseType", "Admin"))

        .Destroy(delete => delete.Action("DeleteCourseType", "Admin"))))

Just posting this because I saw some similar posts that seemed unanswered
I was having some problems in that whenever I updated an item in my grid I was finding new records filling up
my database.
Update the record
During debugging I was seeing that the insert method was being called multiple times instead of the expected update. This was very frustrating. 
10 new rows
I noticed that the the number of new phantom rows was equal to the number of records showing on the page. 
The solution
It seems that the update or insert for the grid is based on the id being zero. I don't know what this would mean for other types. Anyhow, the problem is that in my viewmodel code I had forgot to copy over the primarykey ids so they were all zero. 
The kendo grid
Apparently, decides to do an insert for every PrimaryKey equalling zero. If a non-zero value is there the update method is called. 

Your kendo.common.css contains the following declaration

:-webkit-any(body):after {
content: "";
display: block;
visibility: hidden;
height: 0;
font: 0/0;
-webkit-transform: translateZ(0);
}

The content css property cause a problem in jquery ui dialog - the scrollbar of the dialog are invisible/disapears 
If i am removing the content (putting in comment) all works well - scroll bars appears.

Are you familar with such problem? what can be cause by removing the conten:"" css property.

Thanks
Sigal

In my application  we are showing multiple views under a same tab.
Here I am  adding two screenshots to illustrate the case.
Here the active tab  has href = [the id of the calendar view].
now from the details(view as shown in details.png) page when I am tapping the calendar icon of the tabstrip(i,e the active tab) it's navigating to the calendar(view as shown in calendar.png) view. 
I wanted to stop this navigation, but I am not being able to do so.
I have tried adding jQuery click event  on the  tabs but  it's not firing the click event when its related view is not visible.
Please refer me a way to do that.
Thanks Dave

I am using code as follows 

I have seven grids that load in hidden divs. I don't want them to fetch data until the my show grid button is clicked. 

I believe I have found a bug in the TreeView control.  I have produced this in FF & IE latest, within the attachment.

To reproduce:

1. Expand "outer 6"
2. Drag "inner 3" over "outer 1" and release
3. Drag "outer 1" over "inner 2" and release
4. ISSUE: "inner 3" disappears
5. ISSUE: try collapsing "inner 2", spinner graphic stays

I'm thinking this has to do with the fact that I started with an existing ul/li structure as it doesn't appear to happen on the demos.

If I'm incorrect here, what is the resolution?

JB