Questions on Kendo UI for jQuery Forum

3 answers

275 views

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

95 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

138 views

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

216 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

246 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

510 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

127 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

156 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

2 answers

81 views

Galaxy Tab scroll issue after having changed a switch

Hi,

Strange one this. On my Galaxy Tab when I scroll the page, any switches that have been put into the OFF or NO state flick back to ON/YES while my finger is in the swipe motion. Also, the image of Eduardo disappears for the duration of the swipe too.

Steps to reproduce :

1) On a Galaxy Tab browse to http://www.captainsjob.com/test/kendouimobile/examples/mobile/switch/index.html

2) Change any of the switches to the OFF position

3) Swipe the screen up and down

This doesn't happen on the Dolphin browser, it happens on the default browser with Gingerbread 2.3.3. This browser lets you move a page up and down even if the entire page content is 100% visible.

Fiddling about with the switches makes the previously change switch toggle back briefly too. Probably part of the same problem.

Thanks
Gareth

Switch (Mobile)

answered on 19 Apr 2012

1 answer

166 views

Switching tabs and swiping down causes flash of previous tab's content : Android

Hi,

On my Galaxy Tab (GT-P1000, Android 2.3.3) using the default browser when I switch between tabs and then swipe to scroll down there is brief flash of the previously selected tab before the selected tab is displayed again and the scroll starts.

Steps to reproduce :

1) On a Galaxy Tab (GT-P1000, Android 2.3.3) open http://www.captainsjob.com/test/kendouimobile/examples/mobile/tabstrip/index.html
2) Select each tab in turn a few times
3) Start a swipe down motion
4) See the previously selected tab flash on screen then revert back to the tab you were on when you started the swipe

KendoUI Mobile is going to be brilliant for me saving me lots of time and getting my product out of the door quicker than if I learned titanium/mono/sencha. I'm sure these Android issues will be ironed out I'm happy to do testing on my two android devices (HTC Wildfire S and the Galaxy Tab).

Thanks
Gareth

TabStrip (Mobile)

answered on 19 Apr 2012