Questions on Kendo UI for jQuery Forum

4 answers

1.1K+ views

Grid / Binding to remote data - JSON example

Is there a demo showing the exact same functionality at this link http://demos.kendoui.com/web/grid/remote-data.html
using JSON instead of ODATA?

I would like to implement this in ASP.NET MVC 3, WCF, and EF 4.3 using JSON

Data Source

answered on 23 May 2014

3 answers

119 views

Filter data source on view change

Hi,

I have a single data source but I need to show the same data on different views, with custom filters, so the data will be presented according to my needs.

Can you suggest a simple way to achieve that?

Thanks

ListView (Mobile)

answered on 23 May 2014

3 answers

746 views

MultiSelect filter on client side

Hi Experts,

I implement my page using MultiSelect controller, I request the data by using ajax request. The data item number is too large, so I want to implement a filter on the client side

1. The total select options are 10000.
2. By default in MultiSelect controller show 500.
3. When type in MultiSelect input controller, can dynamic filter in the 10000 options and show at most 500 in the options.

There is no example to do this, but there is a similar example to do filter on server side. Can you show me a example?

MultiSelect

answered on 23 May 2014

5 answers

405 views

[Solved] How to create editable template with the resource?

Hi,

I like the new Scheduler,
I would like to change the date format in the pop up. so i try to create editable template ,
and my question how to add my recources input and All day event check box in that template ? I only know how to add the start and end time from this example.

<script id="editor" type="text/x-kendo-template">
<h3>Edit meeting</h3>
<p><label>Title: <input name="title" /></label></p>
<p><label>Start: <input data-role="datetimepicker" name="start" /></label></p>
<p><label>Start: <input data-role="datetimepicker" name="end" /></label></p>
</script>

regards,
ben

Scheduler

answered on 23 May 2014

3 answers

97 views

Multiselect with ints instead of strings

Hello,
i'm using multiselect with an id as DataTextField instead of a string value, When i try to search for a id in my multiselect i get a error "".toLowerCase is not a function i'm guessing this is because i use id instead of string. Can i work around this somehow?

          .Name("BaPaymentMachine")
          .Placeholder("Choose value..")
          .DataTextField("Id")
          .DataValueField("BaNumber")
          .DataSource(ds => ds.Read("GetAllBaPayment", "Report"))
          .HtmlAttributes(new { @style = "width:200px;" }))

Thanks in advance

MultiSelect

answered on 23 May 2014

1 answer

218 views

XML Format

Hi, I´m trying to read an XML from a webservice to a datagrid, but I can´t fill the datagrid with the values. What I´m doing wrong?

The webservice returns:

<?xml version="1.0" encoding="UTF-8"?>
<ArrayOfTabela2 xmlns="http://tempuri.org/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<tabela2>
<codigo>F</codigo>
<descricao>Feminino</descricao>
</tabela2>
<tabela2>
<codigo>M</codigo>
<descricao>Masculino</descricao>
</tabela2>
</ArrayOfTabela2>

And the HTML5 file is the following:

<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>
</head>
<body>

<div id="grid"></div>
<script>
var dataSource = new kendo.data.DataSource({
transport: {
read: {
type: 'POST',
processData: false,
dataType: "xml",
url: "http://localhost:28301/Vacinacao.asmx/retornaDataTable?tabela=SEXO",
contentType: "text/xml"
}
},
schema: {
type: "xml",
data: "/ArrayOfTabela2/tabela2",
model: {
fields: {
codigo: "codigo/text()",
descricao: "descricao/text()"
}
}
}
});
dataSource.read();
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true
});
</script>

</body>
</html>

If I change the block bellow for a fixed data, it works fine.
transport: {
read: {
type: 'POST',
processData: false,
dataType: "xml",
url: "http://localhost:28301/Vacinacao.asmx/retornaDataTable?usuario=DES_VALE&senha=DES_VALE&tabela=SEXO",
contentType: "text/xml"
}
},
-------
data: '<?xml version="1.0" encoding="UTF-8"?><ArrayOfTabela2 xmlns="http://tempuri.org/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><tabela2><codigo>F</codigo><descricao>Feminino</descricao></tabela2><tabela2><codigo>M</codigo><descricao>Masculino</descricao></tabela2></ArrayOfTabela2>',

Thanks for any help!

Vitor

Data Source

answered on 23 May 2014

1 answer

211 views

Chart Legend - Markers

i saw in an older thread (http://www.telerik.com/forums/change-icon-in-chart-s-legend), that the option of changing the icons/markers in the legend is under consideration to be implemented.

has this been done? i have a chart with 3 different kind of series and each series has its on marker - but same colors for comparison.

at the moment the legend icons now have the same color as well, which is hard to distinguish - thats why i would need the same marker in the legend like in the chart it self for each series.

is that possible?

thx
sigi

Charts

answered on 23 May 2014

3 answers

94 views

Display category data outside plotted area

Hello,

We would like to display chart data outside the plotted area that vertically lines up with the corresponding category, for example displaying the time remaining above the categories. Please see attached image for further clarification.

We're currently using Kendo MVC version 2014.1.318

How can we achieve this? - I've been looking for a solution for this for 2 days now :(

Charts

answered on 23 May 2014

2 answers

303 views

Avoiding Circular references causes a new problem

Hey everyone,

I am having Entity Framework Serialization Circular reference problems when attempting to bind to my Kendo UI grid. I found the documentation about how to deal with it here:

http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/troubleshooting

Which led me to here:

http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/faq#how-do-i-avoid-circular-reference-exceptions?

I have now implemented that change on my controller and am passing an anonymous type collection to my view. However now at runtime, when I try to look at my page, it immediately throws an Exception stating

"CS1660: Cannot convert lambda expression to type 'string' because it is not a delegate type"

Below is a snippet from my grid and controller. Property3 is the one it is complaining about, which is the one I am using to bypass the object in my anonymous type collection.

The JSON is built up like the following:

var collection = result.ToDataSourceResult(request, c => new
                {
                       Property1 = c.Property1
                       Property2 = c.Property2
                       Property3 = c.EntityFrameworkObject.Property3
                       Property4 = c.Property4
                });

return Json(collection, JsonRequestBehavior.AllowGet);

@(Html.Kendo().Grid<My.Namespace.To.My.EntityObject>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.Property1);
columns.Bound(p => p.Property2).Width(100);
columns.Bound(p => p.Property3).Width(100);
columns.Bound(p => p.Property4.Width(100);
columns.Command(command => { command.Edit(); }).Width(160);
})

As far as I can tell, this follows the example given. Why am I getting this "CS1660: Cannot convert lambda expression to type 'string' because it is not a delegate type" error and what do I need to do to get rid of it?

The only other thing I can think of is to remove the "My.Namespace.To.My.EntityObject, because there is no "Property3" on that object, however the compiler complains if I don't specify a type in the <> .

I am at a loss of how to move forward here.

Grid

answered on 22 May 2014

1 answer

295 views

Unable to Save from Kendo Grid pop up editor

Hey everyone

I have a Kendo grid set up with ".Editable(editable => editable.Mode(GridEditMode.PopUp) ) "

When I click the edit button in the grid , the screen pops up as normal. Properties are set correctly, however when I alter a property and save, I get the error below.

0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'data': object is null or undefined

This error is happening in the "Kendo.all.js" file. Here is the relevent javascript:

setup: function(options, type) {
options = options || {};

var that = this,
parameters,
----------------------------------------------------------------------------------------------------------------------------------------------------------
operation = that.options[type], //**** the operation gets set to 'Undefined' by this line and fails on the line below. *****/
-----------------------------------------------------------------------------------------------------------------------------------------------------------
data = isFunction(operation.data) ? operation.data(options.data) : operation.data;

options = extend(true, {}, operation, options);
parameters = extend(true, {}, data, options.data);

options.data = that.parameterMap(parameters, type);

if (isFunction(options.url)) {
options.url = options.url(parameters);
}

return options;
}

What is happening to cause this and how do I resolve it?

Thanks,

Dave

Grid

answered on 22 May 2014