Questions on Kendo UI for jQuery Forum

1 answer

786 views

[Solved] InvalidOperationException: A circular reference was detected while serializing an object of type

I am getting the following error when binding my Model to a Kendo Grid.

A circular reference was detected while serializing an object of type [my type]

What is strange is that the type of the object that is causing the circular reference is not the same as the type of object of the Model for this page... ie:

@model IEnumerable<Models.Type>
Is not the same type that is causing this error. What could be the problem?

@(Html.Kendo().Grid(Model)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.Name).Groupable(false);

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

)

Grid

answered on 16 Oct 2012

2 answers

149 views

Placing a link around a listview item created by a template?

I've been following the samples and I have a template. As soon as I wrap my template items in an <a href="#settings"></a> I receive the error:

Uncaught Error: Invalid template:'
<a href="#settings">
<img src="img/drink.png" />
<h2>#: data #</h2>
</a>
' Generated code:'var o,e=kendo.htmlEncode;with(data){o='\n <a href="';settings">
<img src="img/drink.png" />
<h2>;o+=': data ';</h2>
</a>
;o+=;}return o;

ListView (Mobile)

answered on 16 Oct 2012

0 answers

108 views

Page Size parameter problem

Page size parameter from grid not pass to controller method in MVC 3.0 .
What do I wrong?

Grid

asked on 16 Oct 2012

7 answers

468 views

Looking for the right widget

Hi,

I'm just so confused why you decided to have three widgets for something that - in my believe - could just be one widget with some configuration options...

I'm talking about combobox, dropdownlist and autocomplete.

I'm guessing I need the dropdownlist because:

The label shown to the user should be different from the value submitted in the form (yes, the value should be an object if where the label should obviously be a user-readable object description, so I'm having my server return data such as [{id:"1", label:"Belgium"}, {id:"2", label:"United Kingdom"}, {id:"3", label:"France"}] which I believe should allow me to display country names, but when the form is submitted, I should get the ID's. (I'm using the dataTextField and dataValueField)

However, we sometimes have THOUSANDS of objects to choose from, so we want to use the autocomplete because:

it allows me to do serverside filtering based on characters entered by the user

So I'm a bit stuck here. Basically I believe we want an autocomplete, but with the ability to have value differ from text/label. The jQueryUI autocomplete (which we use up to now) does just that. It allows me to return any data from the server, and using an event listener on the object, I can update a hidden field with the value for a selected element.

I'm just a little confused why you decided to make three widgets, while actually I believe a lot of people need a combination of them. Why for instance does autocomplete not support either an event for item selection or the dataValueField option, and why does the dropdownlist not allow me serverside filtering, yet just loads everything from the server in one call?

Very confused now... I believe you should try and make this ONE widget supporting all functionalities using configuration options. One thing I also don't understand is why the autocomplete doesn't have a loading indicator when ajax is being retrieved, where the dropdownlist DOES show a loading icon. Never believed picking out a widget would be so confusing to be honest :o)

David.

AutoComplete

answered on 16 Oct 2012

3 answers

235 views

[Solved] Configuration of Window

Hi,
My application has several Window objects sharing the same configuration settings. Is it possible to specify them somewhere and pass that on to kendoWindow when creating a window? Currently I have the following:

var win1 = $("#window1").kendoWindow({
height: "600px",
visible: false,
width: "900px",
modal: true,
open: onOpenW
}).data("kendoWindow");

var win2 = $("#window2").kendoWindow({
height: "600px",
visible: false,
width: "900px",
modal: true,
open: onOpenW
}).data("kendoWindow");

And I would like to have something like this (or whatever the syntax will be):

config = { height: "600px",
visible: false,
width: "900px",
modal: true,
open: onOpenW }

var win2 = $("#window2").kendoWindow({
config
}).data("kendoWindow");

Thanks!

Window

answered on 16 Oct 2012

0 answers

176 views

Code block control

Does the Kendo Editor have the Code block control? I see this feature in the Ajax control but its not listed specifically within the kendo control.

Editor

asked on 16 Oct 2012

2 answers

769 views

[Solved] Kendo data format compatibility with Tastypie/Django backend

My apologies if this has been covered before, but I searched and did not see exactly this issue. I've placed this in the Grid forum, but maybe that's not quite the best place for it. Anyway, on to the problem.

I have seen that data coming from Kendo POST and PUT operations is formatted.. uh.. really strangely. Tastypie (which is an API framework) barfs up an error like so:

raise ValueError("No JSON object could be decoded")

So I inserted some code into my back-end to dump the raw data. You can see a sample of that data here:

active=false&description=Small+shiny+Widget&internal_part_no=A01-1&low_stock_alert=10&manuf_part_no=83927&pub_date=2012-10-03T19%3A48%3A19.559618&quantity_available=1&serial_no=00001&title=Special+part+01&unit_cost=124.43

This differs quite a lot from the formatting when I use Ext JS to POST or PUT, you can see a sample of roughly equivalent data here:

{"id":2,"description":"Special funky widget","manuf_part_no":"9766","internal_part_no":"A02-1","serial_no":"010101","unit_cost":"22.98","added_date":""}

At this point I suspect that I must be missing something really obvious with my Kendo configuration. I have attached the javascript used to produce the sample data in this post. It's not a problem for me to write a custom deserializer for the back-end to handle this data, but I feel like I must be making a simple mistake. Thanks for any ideas.

Grid

answered on 15 Oct 2012

1 answer

150 views

Google Sheet as datasource?

Is it possible to use a Google Docs Sheet or Google Fusion Sheet as a datasource?

Thanks,

Dave

Data Source

answered on 15 Oct 2012

0 answers

104 views

Collapse Groups with server processing

If I'm dealing with large datasets and hence doing all the processing on the server (paging, grouping etc) is there any way to determine when groups are collapsed?

I want to be able to show aggregates for each group but allow the user to see them all on one page by collapsing them. Due to size of the datasets I don't won't to pass all the data to the client, therefore I use server side paging.

Example:

I have a list of 10,000 customers and I want to produce a grid with 100 items per page that groups the data by Continent. The server will do the paging, grouping and aggregation. The output will be a list of groups like

Africa Count=10,000
Europe Count=30,000
N. America Count=20,000.

I want the end user to be able to see the overall summary in one go. The way it's seems to work is that I have to scroll through every page to find the summary information for a group. The user has no way of knowing that some groups even exist unless they go through every page. I also want the user to be able to group by a different field (e.g. Language) and have the groups regenerated with the possibility to collapse all groups and see the summary information.

Grid

asked on 15 Oct 2012

2 answers

290 views

[Solved] popover acts like not initialized

Have an anchor:

<a id="popanchor" data-rel="popover" href="#popover-task" data-role="button" >Open PopOver</a>

and a popover:

<div data-role="popover" id="popover-task" >

<div data-role="view">

Hi There

</div>

Other kendo elements seem to be working fine. Get error when clicking on the button "Uncaught TypeError: Cannot call method 'openFor' of undefined".

Looking at source the error occurs here:

kendo.widgetInstance($(href), ui).openFor(link);

In the widgetInstance function...

kendo.widgetInstance = function(element, suite) {

var widget = suite.roles[element.data(kendo.ns + "role")];

if (widget) {

return element.data("kendo" + widget.fn.options.prefix + widget.fn.options.name);

}

};

it fails to find the "kendoMobilePopOver" data. Which leads me to believe its not initializing properly. I tried setting up in in JavaScript instead and same result.

Thoughts? Thanks,

Dennis

PopOver (Mobile)

answered on 15 Oct 2012