Questions on Kendo UI for jQuery Forum

1 answer

157 views

ListView contains ListView contains Grid

In my implementation, I have a Kendo ListView contains another inner ListView. Each item in the inner ListView is an editable Kendo Grid. So, it is ListView->ListView->Grid relationship. The data binding works and view looks good initially.

But our requirement is to allow user to add new Grid (new item) inside the inner ListView by clicking a button, so I assigned an editable template to the inner ListView (by doing .Editable(editable => editable.TemplateName("SomeEditorTemplate"))). But it didn't work, it throws "invalid template" exception. I found that if the item inside the inner ListView is a TextBox instead of a Grid, then it works.

So, my questions is:
Does Kendo ListView support this kind of scenario (ListView contains ListView contains Grid)? If so, how can I add a new Grid item inside the inner ListView? I will appreciate if you can post a sample project or sample code.

Thanks!

Jie

ListView

answered on 04 Nov 2013

2 answers

210 views

ColorPicker not working in IE 11

the fiddle:
http://jsfiddle.net/TdEZE/12/

This fiddle works in Chrome and FF, but not IE 11 (Win8.1).
Curiously, in my application the color picker does work when only using ' palette : "basic" ', but that does not work in this fiddle.

edit:
Just found out that kendoMenu is also broken in IE 11.
http://jsfiddle.net/Dkrhp/3/

ColorPicker

answered on 04 Nov 2013

2 answers

2.2K+ views

Passing parameters to DataSource

Hello,

First of all, sorry for asking the question which has been asked many times before! I looked around, and I seem to be doing everything right, but still getting no result.
Here's the problem: I have a Grid with DataSource with autoBind set to false. Upon a certain action, I'd like to pass additional parameters to DataSource, and to read the data. However, after setting the parameters, when "read" happens I can see in the "Network" tab in Dev Tools, that my additional parameters are not sent. I have tried to do it two different ways:

1. Set transport read data:

$('#lookupDataGrid').data('kendoGrid').dataSource.transport.read.data ={"UserLookupTableID":123};

console.log($('#lookupDataGrid').data('kendoGrid').dataSource.transport.read.data); // outputs correct object

$('#lookupDataGrid').data('kendoGrid').dataSource.read();

The network tab shows this (my additional parameter is not there):
.../lookup-tables/get-lookup-data?take=15&skip=0&page=1&pageSize=15

2. Change the read URL to include my parameter:

var url = '.../lookup-tables/get-lookup-data?UserLookupTableID=123;

$('#lookupDataGrid').data('kendoGrid').dataSource.transport.read.url = url;

$('#lookupDataGrid').data('kendoGrid').dataSource.read();

The network tab shows the same output as above!! It is as if the chances I'm making are ignored...

I'm stumped. Am I don't something wrong? Please let me know...

Data Source

answered on 04 Nov 2013

9 answers

239 views

JavaScript error with Kendo - ONLY when using IE10

I created a VS2012 project using the C# Kendo MVC web wizard (2013 MVC Q2) and ran the project without making any other changes. The app runs but I see the following exceptions in the Output window when I run the page in IE10 (v10.0.9200.16686):

Exception was thrown at line 4, column 9009 in http://localhost:6616/Scripts/kendo/2013.2.918/jquery.min.js
0x800a139e - JavaScript runtime error: SyntaxError
Exception was thrown at line 4, column 9238 in http://localhost:6616/Scripts/kendo/2013.2.918/jquery.min.js
0x800a139e - JavaScript runtime error: SyntaxError

The app appears to run but the exceptions are a bit disconcerting. Run the same project in Chrome or Firefox and there are no errors in the output window. Is this a problem with Kendo or with IE10?

General Discussions

answered on 04 Nov 2013

1 answer

81 views

When opening themebuilder all charts go blank

When I open themebuilder on top of my site all of the charts go blank to just seeing a generic axis. This happens as soon as I run the applet. Any suggestions on how to get this working?

Attached is a screenshot of what it looks like when i open themebuilder. Prior to opening it there are a series of mostly bar charts and pie charts.

Thanks
J

General Discussions

answered on 04 Nov 2013

1 answer

235 views

more with nested templates

I have used this before, and it worked, but for some reason it is ceasing to out of nowhere. I have a situation where I am using nested templates like this ...

using the following model, this doesn't display the second level results, for some reason. But SOMETIMES it does. I cannot reproduce the behavior consistently.

{

"Id": null,

"Name": "Test Item",

"Prototypes": [

{

"Id": "items/prototypes/shield",

"Name": "Shield",

"Mutations": [

{

"Name": "Shield",

"Measurement": 4,

"Statistic": {

"Id": "statistics/damage-reduction-physical",

"Name": "Damage Reduction/Physical"

}

},

{

"Name": "Shield",

"Measurement": 15,

"Statistic": {

"Id": "statistics/health",

"Name": "Health"

}

],

"Consumable": false,

"Equipable": true,

"Tags": [

{

"Id": "tags/shielding",

"Name": "Shielding",

"Description": "This is capable of somehow shielding the user, either with mitigation or abilities"

}

]

}

]

}

<div

data-role="listview"

style="margin: 0px;"

data-template="templates-admin-inherited-prototypes"

data-bind="source: Prototypes"></div>

<script type="text/html" id="templates-admin-inherited-prototypes">

<h2 data-bind="text: Name"></h2>

<div

data-template="templates-admin-inherited-mutation"

data-bind="source: Mutations"></div>

</script>

<script type="text/html" id="templates-admin-inherited-mutation">

${ Statistic.Name }

</script>

Templates

answered on 04 Nov 2013

8 answers

216 views

Issues with hiding tooltip for specific series for line chart

Hello ,

We are trying to to make the tooltip of one of the series visible as false ( dont show it ) on the shared tooltip on Kendo Line chart.
Somehow with the given help/examples it is not working .

Secondly whenever we mouse hover on the Legend the shared tooltip shows upto and stick , which we definitely dont want ..

Can you please look into these two issues.

Thanks

Attached the sample.

Charts

answered on 04 Nov 2013

4 answers

735 views

How can I specify the height of a row in the monthview?

Tried this:

.k-scheduler-table td{
height: 72px !important;
}.k-scheduler-table td{
height: 72px !important;
}

The elements inspector shows my style is being applied, but the height of each day cell is still 105px. How can I control the height? These cells have no content so that's not an issue, just empty cells.

Scheduler

answered on 04 Nov 2013

4 answers

705 views

Set column.values property after grid has been initalized

Is it possible to set the column.values property after the grid has been initialized?

I tried this with no luck:

var rankList = [

{ value: 1, text: "Rank 1" },

{ value: 2, text: "Rank 2" },

{ value: 3, text: "Rank 3" },

{ value: 4, text: "Rank 4" },

{ value: 5, text: "Rank 5" }

];

$kendoGrid.columns.filter(function (item) {

return item.field === "Rank";

}).forEach(function (item) {

item.values = rankList;

});

//reset the grids columns

$kendoGrid.setOptions({ columns: $kendoGrid.columns });

$kendoGrid.refresh();

The grid was initially created using the MVC wrapper

.Columns(columns =>

{

columns.Bound(p => p.UserAccountKey);

columns.Bound(p => p.FirstName);

columns.Bound(p => p.LastName);

columns.Bound(p => p.EmailAddress);

columns.Bound(p => p.Rank);

columns.Command(command =>

{

command.Edit();

command.Destroy();

});

})

Grid

answered on 04 Nov 2013

5 answers

246 views

AntiForgery Question

I have a single page with a tabstrip of grids. I use popup editing to perform crud operations in each grid.

In my grid views I am sending the AntiForgeryToken via the data transport.
For example:
Create(create => create.Action("CreateObject", "Editor").Data("sendAntiForgery"))
which calls:
function sendAntiForgery() {
return { "__RequestVerificationToken": $('input[name=__RequestVerificationToken]').val() }
}

In my EditorTemplates (from inside the Html.BeginForm()) I am calling @Html.AntiForgeryToken().

This was all working perfectly until I made a small change and broke everything.
I removed a call to @Html.AntiForgeryToken() from a simple form in my main view. (Nothing to do with the tabstrip or grids). All of my CRUD operations in my grids were now failing - it was telling me the token wasn't passed.

It turns out, if I simply placed a Html.AntiForgeryToken() in my main view somewhere it fixed everything - I could even remove the Html.AntiForgeryToken from my editor templates.

This doesn't seem right. Can somebody explain this behaviour?

Data Source

answered on 04 Nov 2013