Questions on Kendo UI for jQuery Forum

1 answer

396 views

Binding combobox to odata service and case insensitive.

I want to bind a combobox to a remote odata service to do a case insensitive search of the dataTextField. Setting ingoreCase property doesn't seem to do anything. So I'm trying to set up a custom query string like this /Countries?$filter=startswith(tolower(Name),tolower('Ca'))
explained in this stackoverflow post using parameterMap function but cant seem to get my function right. What should be the correct parameterMap function.

.kendoComboBox({

dataTextField: "Description",

dataValueField: "Code",

minLength: 3,

autoBind: false,

dataSource: {

type: "odata",

serverPaging: true,

pageSize: 30,

transport: {

read: {

url: odataUrl,

dataType: "json"

},

parameterMap: function (options) {

if (options.filter) {

var thisfilter = filter.filters[0];

return { filter: thisfilter.operator + "(tolower('" + thisfilter.value + "'), tolower(" + thisfilter.field };

}

});

What should the parameterMap function return?

ComboBox

answered on 19 Apr 2012

0 answers

173 views

Examples of Drag and Drop

Hey all,

I've been starting to play with Drag and Drop, but there's not a lot of information out there on how to accomplish other scenarios. I was thinking a simple example would be to have two lists, and add the ability to move items from one list to another.

Is there any way you could provide a couple more examples?

Thanks!
Greg

Drag and Drop

asked on 19 Apr 2012

2 answers

91 views

Can window show a remote POST page?

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

125 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

272 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

93 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

135 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

213 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

241 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

506 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