Questions on Kendo UI for jQuery Forum

2 answers

329 views

How to add Microsoft SQL server database's data into mobile?

I plan to use KendoUI develop a mobile application which I want to get data from my MS SQL database and display those data at my mobile.
How I can do it?? Any tutorial lets me to refer? Please advice, thanks :)

General Discussions

answered on 20 Nov 2012

8 answers

787 views

ASP.NET MVC 4 New Web API and oData

Hi,

With the recent release of ASP.NET Web API I was hoping that KendoUI would be a a perfect match and allow the wiring up of the Kendo grid to the new APIControllers.

I can see the correct oData API calls being made by the Grid and the .NET Web API controller responds with the correct number of json records and the correct page but this is never rendered in the grid. Do you know if the new ASP.NET Web API oData responses work?

Hope you can help or show an example of this working because if it does its going be a really elegant and simple implementation.

Example can be seen here : http://www.asp.net/web-api/overview/web-api-routing-and-actions/video-paging-and-querying

Thanks
Mark

Grid

answered on 20 Nov 2012

2 answers

192 views

Working with the Kendo Grid

Breakdown of what I'm attempting to do:

I'm trying to bind a Kendo grid to my ViewModel and simply display the id, Name, City, and State along with a button to delete (one button per row).
I would like the delete button to fire off the 'Delete' in my controller.

I've installed the KendoUIWeb via NuGet and was wondering how it's used.

I see Intellisense is working when I type something in my view like:

@Html.Kendo().Grid()

From the example that I've found online and in the demos listed on this site it doesn't look like Kendo is following that format.

If I throw a grid in my view as show in the examples:

<div id="grid"></div>

<script>

$("#grid").kendoGrid({

columns: [ { title: "Id" },

{ title: "Name" },

{ title: "City" },

{ title: "State" }]

});

</script>

I can see the grid on the page but in VisualStudio 2012 I'm getting no Intellisense support for Kendo. I've worked with the old Telerik MVC grid and got used to it but Kendo seems foreign at this point.

General Discussions

answered on 20 Nov 2012

1 answer

313 views

Date Picker In ListView

Hi,

Iam defining a DatePicker in ListView in Edit in this format

<input data-bind="value:cmpnydate" name="date" data-type="date" data-role="datepicker" required="required" validationMessage="required"/>

and binding that datepicker value to "cmpnydate" and it is of "date" type, but that value is not binded to that Schema Variable. Am I defining wrong anywhere? Can u just plz let me know where I have defined wrong?

Thanks and regards,
Bhavani.

ListView

answered on 20 Nov 2012

3 answers

1.3K+ views

How to change Update and Cancel button templates on Inline Editing mode

I've been pulling my hair on how to change the template of the Update and Cancel buttons. I was able to change the default Edit and Delete buttons but I don't know where to set the configuration to change the Update and Cancel buttons after it swtiches when I click the Edit button.

Here's the code where I changed the template for the Edit and Delete buttons:

columns:[
            {title:"Property", field:"property_name", width:80},
            {title:"Data Type", field:"property_data_type", editor:loadDataType, width:80},
            {command:[{ name: "destroy", text: "Delete", template: "<a class=\"btn btn-danger\"><i class=\"icon-chevron-down icon-white\"></i></a>"},{ name: "edit", text: "Edit", template: "<a class=\"btn btn-primary k-grid-edit\"><i class=\"icon-pencil icon-white\"></i></a>"}] , width:80},
        ],

The Update and Cancel buttons replaces the Edit and Delete buttons when I click on the Edit button. Is there somewhere I can also set the template for the Update and Cancel buttons?

Please help, Thanks.

Grid

answered on 20 Nov 2012

0 answers

71 views

Save a record on expand icon click

I have just started to use kendo ui and need some help regarding an issue where once you click on expand icon the row gets saved, also the already opened rows should remain open.

Grid

asked on 20 Nov 2012

20 answers

253 views

memory warnings

HI!
I have the following

/// gets the data from the webserver
GetAllData = function (url, callback, additionParamString){
   var dataSource = new kendo.data.DataSource({
                        transport: {
                            read: {
                                // the remote service url
                                url: url +'&JsonCallback=?',
                                // JSONP is required for cross-domain AJAX
                                dataType: "jsonp",
                                // additional parameters sent to the remote service
                                data: {
                                    q: "html5"
                                }
                            }
                        }
                    });

   return dataSource;

}

function ShowDirectoryForCategory(e){
var category = e.view.params.id;
var url = URL_Directory_ROOT +'&category='+category;

   e.view.element.find("#uxDirectoryList").kendoMobileListView({
            template: kendo.template($("#templateForDirectoryListingItem").html()),
            dataSource:GetAllData( url,null,'')
    });
}

sometimes when calling ShowDirectoryForCategory it crashes the app (I am using xCode via phoneGap 2....) - this is only on a device - if I have it connected I get a memory warning ...
should I be clearing the data somehow... ?? sometimes there is a "lot" of data there times not.. is there a limit on the size of data transfered>>??

and

General Discussions

answered on 20 Nov 2012

5 answers

842 views

Grid Height Issues

There is some js in KendoGrid that makes Chrome display the grid border incorrectly.

If I remove the following

if (height) {
that.wrapper.css(HEIGHT, height);
table.css(HEIGHT, "auto");
}

everything fits.

Grid

answered on 20 Nov 2012

1 answer

280 views

duplicate antiforgerytoken in request

Hi!

I implemented an MVC3 project with a controller that handles ajax POST requests in JSON format. The controller action requires an AntiForgeryToken.

Now I have a problem with a kendo datasource request posted to the server. I followed the samples for the dataSource configuration:

dataSource: new kendo.data.DataSource({
                type: "json",
                transport: {
                    read: {
                        url: "GetZones",
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        data: {
                            __RequestVerificationToken: $("input[name=__RequestVerificationToken]").val()
                        } //sendAntiForgery()
                    },
                    parameterMap: function (options) {
                        return JSON.stringify(options);
                    }
                }};

However in fiddler I get the following error:

{"error":"Invalid JSON primitive: __RequestVerificationToken=cVKwXnuusO7LVzfoTYk2FD4S5BhSstIULlN0uzspliMOByr/OFRMpbaeLT4i84lpqZZPuzNyUzuhqULNEA/WyljOuD17gycOs2yQGfNlHq1GrX7/QcW3l0RC30RAXA9ruyLRuvCBLNOASqsMUSBb4wIyzxMj4mLrZZNdqk4JWyo=."}

I found out that the token is send out twice as you can see in the following request body:

{"__RequestVerificationToken":"cVKwXnuusO7LVzfoTYk2FD4S5BhSstIULlN0uzspliMOByr/OFRMpbaeLT4i84lpqZZPuzNyUzuhqULNEA/WyljOuD17gycOs2yQGfNlHq1GrX7/QcW3l0RC30RAXA9ruyLRuvCBLNOASqsMUSBb4wIyzxMj4mLrZZNdqk4JWyo=","take":10,"skip":0,"page":1,"pageSize":10}&__RequestVerificationToken=cVKwXnuusO7LVzfoTYk2FD4S5BhSstIULlN0uzspliMOByr/OFRMpbaeLT4i84lpqZZPuzNyUzuhqULNEA/WyljOuD17gycOs2yQGfNlHq1GrX7/QcW3l0RC30RAXA9ruyLRuvCBLNOASqsMUSBb4wIyzxMj4mLrZZNdqk4JWyo=

The first __RequestVerificationToken is in JSON format, but the appended 2nd __RequestVerificationToken is not and leads to the error of the MVC service.

How can I suppress the 2nd instance?

Data Source