Hii,

Here is my code for kendo ui listview but the problem is that the list view is not going to bind.


<div id="example" class="k-content">


    <div id="listView"></div>


    <div class="k-pager-wrap">
        <div id="pager"></div>
    </div>


    <script type="text/x-kendo-tmpl" id="template">
        <div class="product">
            
            <h3>${Category_ID}</h3>
            
        </div>
    </script>


    <script>
        $(document).ready(function () {
            var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "/Admin/AddCategory/GetCategoryList", 
                        dataType: "jsonp"
                    }
                },
                pageSize: 12
            });


            $("#pager").kendoPager({
                dataSource: dataSource
            });


            $("#listView").kendoListView({
                dataSource: dataSource,
                template: kendo.template($("#template").html())
            });
        });
    </script>
</div>


Below is the result with comes out when i execute this url:

[{"Category_ID":1,"CategoryName":"Programming Jobs"},{"Category_ID":2,"CategoryName":"Design Jobs"},{"Category_ID":3,"CategoryName":"Writing Jobs"},{"Category_ID":4,"Cate

I dont know what is the error going on.....

can you please help me 

Thanx

Hi There,

i have a oData WCF v2 pointing to an Openaccess entities set. the issue i'm having is that i'm unable to link (expand) it's relational classes within the datasource call, I get "null" and Undefined" returned when trying to call the field of the relational classes

SVC:
[System.ServiceModel.ServiceBehavior(IncludeExceptionDetailInFaults = true)]
    [JSONPSupportBehavior]
public partial class SQZEntitiesService : OpenAccessDataService<Sequentia.SQZEntities>
{
   /// <summary>
   /// Initializes the service.
   /// </summary>
   /// <param name="config">The configuration object.</param>
   public static void InitializeService(DataServiceConfiguration config)
   {
       config.SetEntitySetAccessRule("URLs", EntitySetRights.All);
       config.SetEntitySetAccessRule("TACs", EntitySetRights.All);
       config.SetEntitySetAccessRule("Offers", EntitySetRights.All);
       config.SetEntitySetAccessRule("IncomingActivityInfos", EntitySetRights.All);
       config.SetEntitySetAccessRule("FormReportData", EntitySetRights.All);
       config.SetEntitySetAccessRule("FormData", EntitySetRights.All);
       config.SetEntitySetAccessRule("DefaultChannelTypes", EntitySetRights.All);
       config.SetEntitySetAccessRule("DecisionStages", EntitySetRights.All);
       config.SetEntitySetAccessRule("ChannelTypes", EntitySetRights.All);
       config.SetEntitySetAccessRule("ChannelInfos", EntitySetRights.All);
       config.SetEntitySetAccessRule("CaptureObjectValues", EntitySetRights.All);
       config.SetEntitySetAccessRule("CaptureObjectProperties", EntitySetRights.All);
       config.SetEntitySetAccessRule("CaptureObjects", EntitySetRights.All);
       config.SetEntitySetAccessRule("Activities", EntitySetRights.All);

       // TODO: Set service behavior configuration options
       // Examples:
       // config.DataServiceBehavior.AcceptCountRequests = true;
       // config.DataServiceBehavior.AcceptProjectionRequests = true;
       config.DataServiceBehavior.MaxProtocolVersion = DataServiceProtocolVersion.V2;
            
   }
}

Grid DS:
<script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: {
                                    url: "/DesktopModules/SQZWCF/SQZEntitiesService.svc/Activities",
                                    data: {
                                        expand: "TAC,Offer"
                                    }
                                }
                            },
                            schema: {
                                model: {
                                    fields: {
                                        ActivityID: { type: "number" },
                                        TACID: { type: "number" },
                                        Date: { type: "date" },
                                        ChannelTypeID: { type: "number" },
                                        Offername: { type: "text" }
                                    }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 250,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                            field: "ActivityID",
                            filterable: false
                        },
                            "TACID",
                            {
                                field: "Date",
                                title: "Date",
                                width: 200,
                                format: "{0:MM/dd/yyyy}"
                            },
                            "ChannelTypeID",
                            "Offername"


                        ]
                    });
                });
            </script>

I've been trying to configure a dropTarget to accept multiple groups. I've tried using group names separated by commas, I've tried using arrays. Nothing seems to be working.

What is the correct syntax, or is this not supported?

Hi Team,

I want my line chart to start ploting from 1000 value default. Please see attached image.
No matter what is comming from database.

Urgent response will be appreciated.

Thanks,
Mohsin

Hi 

I have been browsing the web for two days to find a solution for this issue, including this forum, and I could not find the solution.

I have built a WCF Restful Service based on an example, which returned a "valid json response", but not.

The first attempt was to serialize an object and then return it.
The result was a string that looked like json but which was in fact a string containing the json information:
"{jasonstring}"
This obviously did not work.
The way to detect it is to inspect the client-page in the browser, and look in the network tab, where the json output is printed.

The second attempt was to get rid of the outer-quotes.
In several discussions on the web it is recommended to serialize the object, and to stream it (defining the object as void) instead of returning it as a string. The quotes are gone, and json/validation sites do qualify the output as valid.
Nevertheless my Kendo grid did not populate.

The third attempt was to get rid of the streaming, based upon a discussion on stackoverflow (http://stackoverflow.com/questions/2086666/wcf-how-do-i-return-clean-json).
The advice in this discussion is to return the object as such, without any manipulation.
As long as the output of the webmethod is defined as json, ASP.NET will create a json string from the object,
And this worked.

example from the thread:

[WebInvoke(Method = "GET",
           RequestFormat = WebMessageFormat.Json,
           ResponseFormat = WebMessageFormat.Json,
           UriTemplate = "players")]

public List<Person> GetPlayers()
{
    List<Person> players = new List<Person>();
    players.Add(new  Person { FirstName="Peyton", LastName="Manning", Age=35 } );
    players.Add(new  Person { FirstName="Drew", LastName="Brees", Age=31 } );
    players.Add(new  Person { FirstName="Brett", LastName="Favre", Age=58 } );

    return players;
}

I hope that this thread will help all of you to find your solution earlier than I did.

KR

Henk Jelt

I wonder if there is any current UI control similar to these:

http://harvesthq.github.com/chosen/ 

http://ivaynberg.github.com/select2/ 

I really want to limit the number of jquery plugins and libraries that I use. 

BOb

Hi I'm trying to format a 10 digit phone number via the template property in the column definition.  The following does not work, but shows what I am after:

{
field: "phone",
title: "Phone Number",
template: '#= kendo.toString(phone,"(###) ###-####") #'
}

Any suggestions.  I also tried escaping the hash symbols with \\, but that did not help. 

Thanks in advance,

Jonathan

I have a ListView in a Mobile View that wires to an ASMX datasource.  Works great and shows me a nice loading message while the data is retrieved.

I then Added a main view with a menu of options, and moved the init of the ListView to the data-show event on the Mobile View it was moved to.  Now I do not get a Loading message while the data is retrieved for my ListView  

Is this normal behavior?

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Default.Master"

    CodeBehind="default.aspx.vb" Inherits="Mobile._default1" %>

 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div data-role="view" data-title="Mobile Home" id="home" data-transition="slide">

        <header data-role="header">

            <div data-role="navbar">

                <span data-role="view-title"></span>

            </div>

        </header>

        <ul data-role="listview" data-style="inset">

            <li><a href="#myDatabase">My Database</a></li>

            <li><a>My Favorites</a></li>

            <li><a>My To-Do's</a></li>

            <li><a>My Proposals</a></li>

            <li><a>My Alerts</a></li>

        </ul>

    </div>

    <div data-role="view" data-transition="overlay" data-title="My Database" id="myDatabase"

        data-show="getMyDatabase" data-layout="mobile-view">

        <ul id="myDatabaseList" data-style="inset" data-role="listview">

        </ul>

    </div>

    <div data-role="layout" data-id="mobile-view">

        <header data-role="header">

            <div data-role="navbar">

                <a class="nav-button" data-align="left" data-role="backbutton">Back</a> <span data-role="view-title">

                </span><a data-align="right" data-role="button" class="nav-button" href="#home">Home</a>

            </div>

        </header>

        <footer data-role="footer">

            <div data-role="tabstrip">

                <a data-icon="contacts">My Database</a> <a data-icon="recents">To-Do</a> <a data-icon="bookmarks">

                    Proposals</a> <a data-icon="about">Alerts</a>

            </div>

        </footer>

    </div>

    <script id="myDatabaseTemplate" type="text/x-kendo-template">

        <div style="font-weight:bold;font-size:22px">#= Name #</div>

        <div style="font-weight:normal;font-size:15px">(ID: #= ID #)</div>

    </script>

    <script type="text/javascript">

        var app = new kendo.mobile.Application();

 

        /////// Handle My Database View

        function getMyDatabase() {

            $("#myDatabaseList").kendoMobileListView({

                dataSource: dataSourceMyDatabase,

                template: $("#myDatabaseTemplate").text(),

                pullToRefresh: true

            });

        }

 

        var dataSourceMyDatabase = new kendo.data.DataSource({

            transport: {

                read: {

                    contentType: "application/json; charset=utf-8",

                    url: "http://localhost/MyDatabase.asmx/Test",

                    dataType: "json",

                    data: { UserID: "JS" }

                },

                //data: { UserID: "JS" },

                parameterMap: function (options) {

                    return kendo.stringify(options); // kendo.stringify serializes to JSON string

                }

            },

            schema: {

                data: "d.MyDatabase"

            }

        });

 

        ///////

 

    </script>

</asp:Content>

I may have broken something, because the ListView no longer scrolls and the PullToRefresh doesn't work (in Chrome) when fired this way

The title says everything for the most part.

I opened a modal window and then was able to tab to the input fields on the form and make changes.  I was able to do this in Chrome and IE9.  Is there something I can do to stop this behavior?

Side Note:

I just started working with Kendo UI and it has be a joy.  Great Work!!!