Questions on Kendo UI for jQuery Forum

2 answers

110 views

I have some pages served by JBoss on a different port so I have to use an http:// url.

In general, can Window show the page delivered by POST ing data to a remote server ?

Thanks,
Richard

Window

answered on 19 Apr 2012

1 answer

168 views

Dynamic grid Issue

Hello,

I have dynamic data source using Web service json. I have bind data and columns dynamically. I want to bind data source schema fields dynamically. How to achieve this because schema fields are not array its object?

Also,for editing and adding template we need dropdown based on dynamic columns. How to do this?

Also, for drop down how to select option based on Value not text?

Grid

answered on 19 Apr 2012

3 answers

307 views

Grid MVVM - autoBind

I've currently got a scenario where I'm binding a grid via MVVM, but don't want the data to read automatically. Is the autoBind attribute currently supported when using MVVM? Or are there any workarounds for this?

Thanks!

MVVM

answered on 19 Apr 2012

3 answers

137 views

Editor in Windows 8 Metro app

Hi,

I'm trying to use the kendo editor in a Windows 8 Metro (html, js, css) app and having issues,all i get is a white box that wont accept focus, and there is no toolbar.

There are no javascript errors and the page has references to all required js and css files. jQuery 1.7.2 and kendo.web.min

I also tried this in a new metro app based on the Blank Application template with the same results.

Is there something I am missing or is the editor not supported in a windows 8 metro app yet?

Thanks,

Adam

Editor

answered on 19 Apr 2012

2 answers

188 views

[Solved] Configuring pointer cap size

Hi,
I've been using the radial gauge and it can be quite hard to see the pointer on small gauges. I'm trying to see whether adjusting the size of the pointer 'cap' parameter will help but I can't work out how to adjust it. The online documentation states you can adjust the 'size' with a string value that is the 'size of the cap in percents'. Everything I try seems to put the browser into a hard loop. Do you have an example of how to set the cap size?

Also, does the cap size parameter just change the diameter of the central pointer cap or does it also change the width of the pointer as well (to make it more readable)?

Thanks, Ian

LinearGauge

answered on 19 Apr 2012

3 answers

316 views

Remote Connection to Asp.Net WebService

I have downloaded the kendo-exampled-asp-net and have the grid-wcf-crud sample working perfectly. However I am trying to move the WebService to be located remotely.

I have confirmed my remote webservice is servicing data as I can populated an asp.net GridView with the service data.

With the kendu datasource all I have done is change the url: from Products.srv/Read to http://localhost:58871/grid-wcf-crud/Products.svc/Read as per the snip it below. However the data is not populated in the grid. When I check with fiddler no calls are being made to the remote service.

read: {

url: "http://localhost:58871/grid-wcf-crud/Products.svc/Read", //specify the URL which data should return the records. This is the Read method of the Products.svc service.

contentType: "application/json; charset=utf-8", // tells the web service to serialize JSON

type: "POST" //use HTTP POST request as the default GET is not allowed for svc

},

Data Source

answered on 19 Apr 2012

0 answers

280 views

using kendo template with path twig function

I am using Symfony2 framework and Twig template engine with kendoui. I try to use path twig function inside kendo template. Below are working and non-working codes.

When i use path twig function without parameters inside kendo template it works well.

<tr>

<td>

</a>

</td>

</tr>

</script>

However when i use path twig function with parameters inside kendo template it doesn't work and Symfony gives "Variable "name" does not exist" error.
<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>

</a>

</td>

</tr>

</script>

How can i make it work path function with parameters?

Templates

asked on 19 Apr 2012

2 answers

572 views

CRUD with MVC Controller

Hello,

I'm trying to implement the grid CRUD operation using a MVC controller. As you can see the grid vistualization is enabled and dealing with an OData web service.

<script>

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: {

schema: {

model: {

id: "RecordID",

fields: {

RecordID: { editable: false, nullable: true },

FirstName: { editable: true },

LastName: { editable: true }

}

},

type: "odata",

serverPaging: true,

serverSorting: true,

pageSize: 100,

batch: false,

transport: {

read: "http://localhost:1625/Data/GetPatients",

create: { url: "http://localhost:1625/Data/Create", contentType: "application/json; charset=utf-8", type: "POST" },

update: { url: "http://localhost:1625/Data/Update", contentType: "application/json; charset=utf-8", type: "POST" },

destroy: { url: "http://localhost:1625/Data/Destroy", contentType: "application/json; charset=utf-8", type: "POST", dataType: "json" },

parameterMap: function (data, operation) {

if (operation !== "read") {

return { jsonData: kendo.stringify(data) };

} else {

return kendo.data.transports["odata"].parameterMap(data, operation);

}

},

height: 500,

scrollable: {

virtual: true

},

editable: true,

sortable: true,

toolbar: ["create", "save"],

columns: ["RecordID", "FirstName", "LastName", { command: "destroy"}]

});

</script>

Here's the code of the destroy method in the MVC controller:

<System.Web.Mvc.HttpPost()> _

Public Function Destroy(ByVal jsonData As List(Of Patient)) As System.Web.Mvc.ActionResult

'Code to delete the record...

Return Json(Nothing)

End Function

I think I'm close to the solution. The Destroy method is called as expected but the jsonData parameter is always empty. I tried several permutation ( jsonData parameter as string / Patient / List(Of Patient) / IEnumerable(Of Patient) ) without success.

I saw some examples on the web but none of them dealing with OData.

What am I missing here?

Best regards,

Simon

Grid

answered on 19 Apr 2012

1 answer

154 views

Best HTML5/CSS3 Responsive Web Design Framework to Use with KendoUI

I just discovered KendoUI and saw its feature-set to be one of the best despite it being more expensive and lacking some widgets (compared to Wijmo, for example), and I'm looking forward to buying and using it for a Web app (soon) and an Adobe AIR app (next).

Does anybody have any experience, or recommendation, about which HTML5/CSS3 Responsive Web Design Framework works best with KendoUI Web?

Any opinions (or issues, gotchas, etc.) about using:

1. Twitter Bootstrap 2.0.2
2. Skeleton, or
3. some other responsive design framework

with KendoUI Web?

Thanks in advance for any feedback.

General Discussions

answered on 19 Apr 2012

1 answer

178 views

Extend the panelBar

Hello,

if I want to add behaviour of the expand function, how can I do this.

function onExpand(e) {
    setTimeout(function(){
        $("input:first", e.item).focus();
    },1);
}

I always want this to happend when expand event is fired. Can I extend the panelBar to always have this function.
So I dont have to do it on all my pages.

PanelBar

answered on 19 Apr 2012