I have problem with de popup editable i have the next code is equals that example to kendo,but does not work:

<div id="example" class="k-content">
      <div id="grid">
      </div>
      <script type="text/javascript">
            $(document).ready(function () {
                  var crudServiceBaseUrl = "http://demos.kendoui.com/service",
                        dataSource = new kendo.data.DataSource({
                              transport: {
                                    read: {
                                          url: crudServiceBaseUrl + "/Products",
                                          dataType: "jsonp"
                                    },
                                    update: {
                                          url: crudServiceBaseUrl + "/Products/Update",
                                          dataType: "jsonp"
                                    },
                                    destroy: {
                                          url: crudServiceBaseUrl + "/Products/Destroy",
                                          dataType: "jsonp"
                                    },
                                    create: {
                                          url: crudServiceBaseUrl + "/Products/Create",
                                          dataType: "jsonp"
                                    },
                                    parameterMap: function (options, operation) {
                                          debugger;
                                          if (operation !== "read" && options.models) {
                                                return { models: kendo.stringify(options.models) };
                                          }
                                    }
                              },
                              batch: true,
                              pageSize: 30,
                              schema: {
                                    model: {
                                          id: "ProductID",
                                          fields: {
                                                ProductID: { editable: false, nullable: true },
                                                ProductName: { validation: { required: true} },
                                                UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                                Discontinued: { type: "boolean" },
                                                UnitsInStock: { type: "number", validation: { min: 0, required: true} }
                                          }
                                    }
                              }
                        });


                  $("#grid").kendoGrid({
                        dataSource: dataSource,
                        pageable: true,
                        height: 400,
                        toolbar: ["create"],
                        columns: [
                            { field: "ProductName", title: "Product Name" },
                            { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "150px" },
                            { field: "UnitsInStock", title: "Units In Stock", width: "150px" },
                            { field: "Discontinued", width: "100px" },
                            { command: ["edit", "destroy"], title: "&nbsp;", width: "210px"}],
                        editable: "popup"
                  });
            });
      </script>
</div>
look at the  image , the file attached, the popup does not work, 

Hi,

I don't know if this is the right forum for this question.

I am brand-new to Kendo.  I have not even started using it.  Just studying it to understand its advantages.  I have a WCF Data Service server application.  On the server side, I have two .NET C# projects in my solution; one WCF Service application where I have defined the entity model and the RESTful Data Service classes.  I can use the browser to query my model and everything seems to be OK.  I also have a Client asp.net application (which I intend to port to HTML5 with the help of Keno UI).  Right now, my concern is how would I handle the model updates from the Kendo app.  I have seen some example code out there on the internet to "query" cross domain using jQuery and JASONP and I have also seen a blog post on Kendo doing the same thing using Kendo's own API.  But I have not seen any sample about how to do this for model updates such as 'PUT', 'POST' etc.

Can somebody point me to some sample code to acoomplish this please.  I really appreciate it.

Babu.

Hello,
I am pretty new to kendo ui and i am trying to get a simple example to work. I have created a REST based web service using asp.net web api which returns IQueryable<> ( so supposedly it supports odata). I can verify that it returns data using a browser.

I have another page in the same application that has a kendo grid in which i am trying to display data returned from the service, the code is 

<div id="body">
    <div id="grid"/>
        @Scripts.Render("~/bundles/jquery")
        <script src="../Scripts/Kendo/kendo.all.min.js" type="text/javascript"></script>
         <script src="../Scripts/Kendo/kendo.web.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#grid").kendoGrid(
        {
            dataSource:
            {
                type: "odata",
                transport:
                {
                    read: "http://localhost/MSDNWebApi/Api/Movie"
                }
            }
        })
            });  
        </script>
 </div>   
I can confirm using chrome's development tools that the there are no errors and all the requests from the server are working. I can also confirm that the service is returning json data when the kendo ui makes the call, however the ui does not display any data..

I read somewhere that it needs a jsonp format, but i am hoping that its only needed for cross domain conversation.
any help will be appreciated.
Attached the output from the service....
thanks

$(document).ready(function () {
    $("#grid").kendoGrid({
        dataSource: reportDS,
        columns: [
                    { field: "ProductID", title: "Product ID", width: "25%" },
                    { field: "ProductName", title: "Product Name", width: "25%" }
                 ]
    }); 
});
var urls = "http://....../GetData";
var reportDS = new kendo.data.DataSource({
transport: {
        read: {
            url: urls,
            dataType: "jsonp",
        }
    },
    schema: {
        type: "json",
        data: function (data) { return eval(data.Result); }
    },
    requestStart: function (e) {
        alert("Requested Started");
    },
    change: function (e) {
        alert("Change");
    },
    error: function (xhr, textStatus) {
        alert("Error : " + xhr.xhr.status);
    },
    /*error: function (e) {
    var xhr = e.xhr;
    var statusCode = e.status;
    var errorThrown = e.errorThrown;
    document.getElementById("Error").innerHTML = xhr + statusCode + errorThrown;
    },*/
});




Hello,
I am trying to trace server error like

400	Bad Request
401	Unauthorized
402	Payment Required
403	Forbidden
404	Not Found
405	Method Not Allowed

and want to display custom message for user.  
Above code work fine when my service is running whereas when i stop my service and restart my kendo application. I get error Error : 200 as alert in internet Explore 8 and no message/alert box  in Google Chrome and FireFox..
Please help me out to clear my mistake...

Thanks and regard,
Deepak

I can't see any difference between the two.
Any subtle difference?
I was expecting ActivateTab to enable a tab if disabled and select it.
But that's not the case.

Hello,
I am using Kendo datasource with RESTFUL WCF Service. It is working fine with every aspect. Now i want to trace Service status(Open /Closed) and want to display user friendly error message such as "Server is temporarily down!!"
Can anyone plz helk me out...
Thank you,
Deepak 

Currently, the model binder for the DataSourceRequest (which is DataSourceRequest) throws an error when trying to use the "Contains" operator. This is reproducible in your demos.

Thanks in advance for the fix! ;)

Or am I supposed to put all of the code on one page? Every time I try to use href to link to another html file that has kendo code in it, it links to #nameofhtmlfile.html on the same page (meaning it doesn't go anywhere and just appends #nameofhtmlfile.html at the end of the current url.

Please help! :(

Edit: To clarify: In Kendo, to go to the next page, you need both of the "pages" in one html file and then use some sort of event to send you to the next 'page'. I wanna put the 'pages' in separate html files if possible.

Hi 

if I create kendoGrid like this:

$('#grid').kendoGrid({
            dataSource: {
                data: [{Name: 'Alex', Age: 44}, {Name:'David', Age: 13}]
             },
            rowTemplate: kendo.template($('#row-template').html()),
        });


the template looks this:
 <script id="row-template" type="text/x-kendo-template">
        <tr class="k-grid-edit-row" ">
            <td>
                <input data-bind="value: Name"/>
            </td>
            <td>
                <inputd ata-bind="value: Age"/>
            </td>
        </tr>
    </script>

then I see the grid rendered correctly but the databinding is not working at all.

thanks

Hi,

Did anybody made any success with kendoui grid pagination or virtualization with upshot dataSource?
Any tips or sugestions?
In this moment I am able to display data (using Knockout-Kendo.js) from my ViewModel which contains upshot dataSource. All CRUD operations works fine but I need a server pagination or virtualization. Naturaly, don't want to load all data to my viewModel.

Thanks
/KrisD