I am a new KendoUI/Jquery/Javascript developer and I am having the following issue. 
The ajax call is working ($.ajax(GetAirportList)), so I know the webservice is ok.
When the airportListDataSource is invoked, no data is loaded and the Javascript console (in Chrome) is 
giving me the message "Uncaught RangeError: Maximum call stack size exceeded"

Please help!
 
var airportList = {};

        var GetAirportList = {
            type: "POST",
            url: "OWLV2be.asmx/GetAirportList",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                airportList = msg;
            }
        };

        var airportListDataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    type: "POST",
                    url: "OWLV2be.asmx/GetAirportList",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json"
                }
            }
        });

        $(document).ready(function () {
            $.ajax(GetAirportList);

            $("#airpAirport").kendoDropDownList( {
                dataTextField: "airportName",
                dataValueField: "airportCode",
                dataSource:  airportListDataSource
            });

Dear team, I´m very interested in acquiring kendoui and I have some doubts regarding its already developed potential. I was wondering if its possible to create a listview with data filtering options in the way pages like http://www.ebay.com/sch/9355/i.html works. I mean if you select brand, or price slider the information change on the fly...
brgds! thank you
s.

i have a WCF service and i configure it on jsonp

My Model is MoviesItem

    [DataContract]
    public class MoviesItem
    {
        [DataMember]
        public int MovieID { get; set; }
        [DataMember]
        public string MovieTitle { get; set; }
        [DataMember]
        public DateTime MovieReleseDate { get; set; }
    }


my Service Contract is IMovieService

    [ServiceContract]
    public interface IMoviesService
    {
        [WebGet( BodyStyle = WebMessageBodyStyle.Bare ,RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
        [OperationContract]
        IEnumerable<MoviesItem> GetMovies();
    
        [WebInvoke(Method = "POST",BodyStyle = WebMessageBodyStyle.Bare, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
        [OperationContract]
        void AddMovies(MoviesItem movies);
    
    }


and my service is called MoviesService

    [AspNetCompatibilityRequirements(RequirementsMode =
        AspNetCompatibilityRequirementsMode.Allowed)]
    public class MoviesService : IMoviesService
    {
    
        public IEnumerable<MoviesItem> GetMovies()
        {
            using (var context = new MovieCollectionDataContext())
            {
                return context.Movies.Select(e => new MoviesItem()
                {
                    MovieID = e.ID,
                    MovieTitle = e.Title,
                    MovieReleseDate = e.ReleaseDate
    
                }).Take(100).ToList();
            }
        }
    
    
        public void AddMovies(MoviesItem movies)
        {
            using (var context = new MovieCollectionDataContext())
            {
    
                var movie = new Movie()
                {
                    Title = movies.MovieTitle,
                    ReleaseDate = DateTime.Now
                };
                context.Movies.InsertOnSubmit(movie);
                context.SubmitChanges();
    
                //return context.Movies.Select(e => new MoviesItem()
                //{
                //    MovieID = e.ID,
                //    MovieTitle = e.Title,
                //    MovieReleseDate = e.ReleaseDate
    
                //}).Take(100).ToList();
    
            }
        }
    }


My Web.config file is:

    <?xml version="1.0"?>
    <configuration>
      <connectionStrings>
        <add name="moviereviewsConnectionString" connectionString="Data Source=Haseeb-PC;Initial Catalog=moviereviews;Integrated Security=True"
          providerName="System.Data.SqlClient" />
      </connectionStrings>
      <system.web>
        <compilation debug="false" targetFramework="4.0">
          <assemblies>
            <add assembly="System.Data.Linq, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
          </assemblies>
        </compilation>
      </system.web>
      <system.serviceModel>
        <bindings>
          <webHttpBinding>
            <binding name="WebHttpBindingWithJsonP" crossDomainScriptAccessEnabled="true"/>
          </webHttpBinding>
        </bindings>
        <behaviors>
          <endpointBehaviors>
            <behavior name="webHttpBehavior">
              <webHttp helpEnabled="true"/>
            </behavior>
          </endpointBehaviors>
          <serviceBehaviors>
            <behavior>
              <!-- To avoid disclosing metadata information, set the value below to false and remove the metadata endpoint above before deployment -->
              <serviceMetadata httpGetEnabled="true"/>
              <!-- To receive exception details in faults for debugging purposes, set the value below to true.  Set to false before deployment to avoid disclosing exception information -->
              <serviceDebug includeExceptionDetailInFaults="false"/>
            </behavior>
          </serviceBehaviors>
        </behaviors>
        <serviceHostingEnvironment multipleSiteBindingsEnabled="true"/>
        <services>
          <service  name="MoviesService">
            <endpoint address="" behaviorConfiguration="webHttpBehavior"
                      binding="webHttpBinding" bindingConfiguration="WebHttpBindingWithJsonP" contract="IMoviesService"/>
          </service>
        </services>
      </system.serviceModel>
      <system.webServer>
        <modules runAllManagedModulesForAllRequests="true"/>
      </system.webServer>
    </configuration>


nad at last My javascript code code which is used to bind Kendo Grid

    $(function () {
        BindGridWithKendoDataSource();
    });

    function BindGridWithKendoDataSource() {
        var dataSource1 = new kendo.data.DataSource(
            {
                transport:
                    {
                        read:
                            {
                                url: "MoviesService.svc/GetMovies",
                                dataType: "jsonp",
                                //contentType:"application/javascript",
                                type: "GET"
    
    
                            },
                        create:
                            {
                                url: "MoviesService.svc/AddMovies",
                                dataType: "jsonp",
                                contentType: "application/javascript",
                                type: "POST"
                            }
                    },
                parameterMap: function (data, operation) {
                    if (operation !== "read") {
                        return JSON.stringify({ movies: data.models });
                    }
                },
                batch: true,
                pageSize: 10,
                schema:
                    {
                        //data: "d",
                        model:
                            {
                                id: "MovieID",
                                fields:
                                    {
                                        MovieID: { editable: false, nullable: true },
                                        MovieTitle: { validation: { required: true} }
                                        // MovieReleaseDate: {type:"date", editable: true, validation: { required: true} }
                                    }
                            }
                    }
            });
        $("#MoviesGridView").kendoGrid(
            {
                dataSource: dataSource1,
                pageable: true,
                sortable: true,
                filterable: true,
                scrollable: true,
                height: 400,
                toolbar: ["create", "save", "cancel"],
                editable: "popup",
                columns:
                   [
                       { field: "MovieTitle", title: "Movie Title" },
                //{ field: "MovieReleaseDate", title: "Release Date" },
                       {command: ["edit", "destroy"], title: "&nbsp;", width: "210px" }
                       ]
    
            });
    }



my kendo grid is successfully bind from the data return from WCF  in jsonp format but when i click try to innsert the record in the database using Kendo grid i always get error that is:

    "NetworkError: 400 Bad Request - http://localhost:2382/KendoUiTest/MoviesService.svc/AddMovies?callback=jQuery17102623996303075524_1334611809600"


please some one help me to solve this issue that how can i insert the record using WCF. where i am doing wrong i am not able to understand.

How can I make a X axis like this 

          |
          |
          |
          |
_____|______________________________________________________________________________________________
Month 1 2 3 4 5 6 7 8 9 10 11 12  1 2 3 4 5 6 7 8 9 10 11 12  1 2 3 4 5 6 7 8 9 10 11 12  1 2 3 4 5 6 7 8 9 10 11 12 
Year               2009                                    2010                                   2011                                      2012

This means a double line axis one for month and other for year

Thanks

John K

When I set my datasource's address to a faulty location that results in a 404 error the "error" event of my datasource isn't fired. I've tried putting a catch everywhere I can think of but the error is thrown from jQuery and doesn't bubble up.

Am I doing something wrong?

Where's a sample that uses a pager on remote data.  Like I see you have a products demo (the main one)...but you have 76 records returned.  How do I configure it so that I can have the pager set the take and skip values so I'm only getting the items on demand?

I see that some KendoUI team members routinely embed jsFiddles in their replies.

Are we allowed to do so, and if so, how to do it ?

Thanks

Hi, I have a grid with a link in the Action column. In each row is a triangle. I also have a "Link" in the Action column. I wish when I press the link was made as shares of the triangle. How can I do that? Sorry for my english.:P

Hi.

I'm testing kendoUI but i want to change the theme for android. I'm using ThemBuilder. I copy the CSS and add it to my page. But does not work. Why?

Documentation:
Using the CSS output

Just copy the CSS output to a .css file and include it in your page.

This is my simple code.

Please help me

please help me
i want dropdown selected value

<select data-role="dropdownlist" data-text-field="name" data-value-field="value1"
        data-bind="events: { change: dropDownChangeEvent },source: data,value:selectValue">
    </select>


in observable
dropDownChangeEvent: function (e){
 var value = (this).get('selectValue');
                    alert(value);
}


 it will give me previous value not current selected  value