Questions on Kendo UI for jQuery Forum

10 answers

2.4K+ views

Kendo Grid handling create/delete errors with popup editor

Hello,

I have a kendo grid using a popup editor that does a create/delete, both of them ending with errors.
I would like to handle both errors
1. When having an error on delete to prevent the row deleting from the grid
2. When having a create error to prevent the popup editor to close

Please see this fiddle:
http://jsfiddle.net/andreigavrila/p49eV/2/

The second point works by default (so having an error on create does not close the popup)
The first point works by adding the error function and cancelingChanges

$('#grid').data("kendoGrid").cancelChanges();

, but adding that that breaks the popup (it now closes on error).

So I can have either one of my requirements, but not both in the same time.
I am kind of stuck.

I saw this 2 questions on kendo forums:
http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/deleted-row-removed-from-grid-even-though-errors-returned-in-destroy-method.aspx
http://www.kendoui.com/forums/kendo-ui-framework/mvvm/handling-validation-errors-from-server-in-kendo-grid.aspx

But as you can see in the fiddle I can't make it both work on the same time

Thank you for your help

Grid

answered on 17 Jul 2015

1 answer

259 views

Tooltip in a grid

Hi,

In my project they are using two kendo grid one is parent and another is child(1 to many relationship). I wanted to add tooltip to 9th column of parent grid and 11th column of child grid.

when I added tooltip it is working fine , but I am getting the tooltip value of 9th column( parent grid) repeated in 9th column (child grid) eventhough different column name are there. it is coming for only first row of each child grid. how can I fix the issue please advise.

And please tell me what will the e.target.closest('tr') do..

reply ASAP

thanks in advance

Grid

answered on 17 Jul 2015

1 answer

65 views

Wrong documentation example for window custom icon

The example code shown on the http://docs.telerik.com/kendo-ui/web/window/how-to/use-custom-action-icons page titled "Use custom actions icons" seems to be a splitter example and has nothing on it relating to the custom icons for a window widget usage.

Can someone point me to a actual example of using custom icons on a window?

The ones I have found say to use a .wrapper, but when I try to associate a .wrapper in our testing it always says its an unknown and throws a error in the console.

Thanks

Window

answered on 17 Jul 2015

1 answer

137 views

[Solved] Vertical Text in Kendo Editor?

We have a client asking if we can support vertical text (East Asian languages) and Ruby characters in the editor. Is is possible to style the editor in some way to support entering text vertically? Thanks for any help.

Editor

answered on 17 Jul 2015

4 answers

360 views

Is it possible to get Hierarchy grid shared same Column Headers?

Is it possible to align this demo http://plnkr.co/w44pS20LB0K1EpxPIq1i to shared same column header?
I mean the nested green background grid, nested blue background grid, nested white background grid are sharing the same column header of Master grid.
I tried this http://blog.falafel.com/kendo-grid-hierarchy-shared-column-headers/
Have not luck to get it work with nested grid. Is it possible?

Grid

answered on 17 Jul 2015

1 answer

145 views

app.navigate() in data-before-show

I can't seem to get app.navigate to switch to a local view. No errors in console.

Please tell me why this simple example doesn't work.

HTML:

<div data-role="view" data-layout="default" id="journalDefault" data-before-show="doesNeedLogin">

Journal Entries

</div>

<div data-role="view" data-layout="default" id="journalAddNew">

Add Entry. Get ID from Listview.

</div>

<div data-role="view" data-layout="default" id="journalLogin">

Need to login.

</div>

JS:

function doesNeedLogin(e)

{

var isLoggedIn = false;

if (isLoggedIn)

{

alert("Logged In");

}

else

{

alert("Not logged in");

//show them login view

app.navigate("#journalLogin");

}

View

answered on 17 Jul 2015

2 answers

243 views

[Solved] Map Symbol Images

I have a bubble layer where I'm overriding the bubble with a symbol. Currently I'm just doing a custom circle so I can put text on top of the bubble, and have easier control of the color.

I'm actually using this method to display various types of data on the map, and for one of them I was thinking it would be better if I could put an image on the map in that location instead of drawing a circle. I've been looking through the documentation, but haven't found a way to do this yet.

Is it possible? It seems like it should be.

In case it's helpful, here's the symbol function I'm using on my bubble layer:

symbol: function (e) {

var map = $("#map").data("kendoMap");

var location = e.location;

var circleGeometry = new geom.Circle(e.center, e.dataItem.Value);

// Draw the circle shape

var circle = new draw.Circle(circleGeometry, {

fill: {

color: e.dataItem.Color,

opacity: 0.7

},

stroke: {

width: 0

}

});

// Draw the text

var text = new draw.Text(e.dataItem.Name, e.center, {

font: "12px sans-serif"

});

// Align it in the circle center

draw.align([text], circle.bbox(), "center");

draw.vAlign([text], circle.bbox(), "center");

// Associate the dataItem with the objects going into the symbol

circle.dataItem = e.dataItem;

text.dataItem = e.dataItem;

var symbol = new draw.Group();

symbol.append(circle, text);

symbol.dataItem = e.dataItem;

return symbol;

}

Map

answered on 16 Jul 2015

1 answer

136 views

Server side Grouping, sorting, and filtering

We are using a kendo ui grid to display some data and have had some issues with datasets over 1000 rows. I built a web service and enabled server side paging which improved the initial load time. But, now the grid is very sluggish when grouping, so I am attempting to enable server side grouping.
In addition, I am looking at sorting and filtering on the server in an attempt to improve performance.
What I am struggling with is determining what is being passed to the WCF service from the kendo ui grid for grouping, sorting, and filtering.
So far we have a method prototype of public RetObj GetData(int skip, int take, int page, int pageSize).
I know I will have to add parameters to handle the grouping, sorting, and filtering, but how do I determine what parameters to add?

We are using a kendo ui grid to display some data and have had some issues with datasets over 1000 rows. I built a web service and enabled server side paging which improved the initial load time. But, now the grid is very sluggish when grouping, add/removing columns under the column menu

I am attempting to setup Server side Grouping, Sorting, and Filtering in a kendo ui grid. We are calling a method exposed by a WCF Web Service.

So far we have a method prototype of public RetObj GetData(int skip, int take, int page, int pageSize).

I know I will have to add parameters to handle the grouping, sorting, and filtering, but how do I determine what parameters to add?

Grid

answered on 16 Jul 2015

0 answers

62 views

MVC4 C# Line chart Multi series Need help

Charts

asked on 16 Jul 2015

2 answers

271 views

Edit tree node in a TypeScript code

There is a solution here to edit nodes of a tree view control with the help of jQuery and jeditable library. Our application generates javascript from TypeScript. Apparently there are no typings for jeditable, thus no use of this solution in TypeScript.

In my code I initialize control and fill it in with data. I can add a "change" event and read and manipulate values.

<p>private initTreeView() {</p><p> var vm = this;</p><p> for(var i = 0; i < response.length; i++){<br> items[i] = { 'text': response[i].name, id:response[i].id };<br> }<br> var maparray = [{'text': 'Maps', items}];<br><br> vm.mapTree = new kendo.data.ObservableArray(maparray);<br> vm.mapTree.bind('change', vm.treeViewChange);</p><p><span style="line-height: 1.5;">}</span></p><p><span style="line-height: 1.5;">private treeViewChange(e:any) {</span><br></p><p> if(e != null || e != undefined) {<br> //TODO: save changes to database<br> }<br>}</p><p></p>

The question is how can I make node editable in UI?

TreeView

answered on 16 Jul 2015