Questions on Kendo UI for jQuery Forum

4 answers

222 views

DataViz Widgets ?

Can we use DataViz widgets within an ICENIUM Kendo app ?

I had a go at adding the sample provided here : http://docs.kendoui.com/howto/add-charts-and-graphs-to-an-application
into the default kendo app, but it seemed to break the mobile css.

If it is possible, perhaps you could provide some sample code.

Thanks

General Discussions

answered on 18 Sep 2012

2 answers

340 views

The Kendo UI Grid's saveRow() method does not work correctly after upgrade

Hello,

The Kendo UI Grid's saveRow() method does not work correctly after upgrade 2012.2.710 to 2012.2.913.

2012.2.710: http://jsfiddle.net/zMTn3/4/
2012.2.913: http://jsfiddle.net/zMTn3/5/

The "Kaydet" button is call saveRow() method.

Grid

answered on 18 Sep 2012

4 answers

2.5K+ views

Destroy method not working?

I am 100% sure that it is something that i am missing. I am just starting out with Kendo. But any help is appreciated.

I assumed that when i clicked the delete button in the grid that it would automatically send my request to a "destroy.cfm" file. I cannot see any action in firebug to show this.

Help a nOOb out.

Thanks alot!

$(document).ready(function () {

$("#grid").kendoGrid({

dataType: "json",

dataSource: {

transport: {

read: "cfcs/queries.cfm",

destroy: {

url: "/cfcs/destroy.cfm"

}

},

schema: {

data: "data",

model: {

fields: {

BADGEID: {

type: "number"

},

EMPLOYEENAME: {

type: "string"

},

UNITID: {

type: "number"

},

UNITNAME: {

type: "string"

}

},

editable: {

destroy: true,

update: false

},

height: 450,

filterable: true,

groupable: true,

sortable: true,

pageable: false,

columns: [{

field: "BADGEID",

title: " ",

width: 35,

template: "<input type='checkbox' />"

},{

field: "BADGEID",

title: "Badge Id"

}, {

field: "EMPLOYEENAME",

title: "Employee Name"

}, {

field: "UNITID",

title: "Unit Id"

}, {

field: "UNITNAME",

title: "Unit Name"

}, {

command: "destroy",

title: " ",

width: 110 }

]

});

Grid

answered on 18 Sep 2012

0 answers

95 views

Burke Holland's MVVM custom widget sample (Repeater) is broken with version 2012.2.710

Deleted.

MVVM

asked on 18 Sep 2012

2 answers

371 views

Resize DropDownList

Hi! it is my first day with Kendo UI. I'm testing some features and i have got a problem with the DropDownList size. This is a bigger element :S. How to change the size of the element ?. From my css file ? from the css kendo file ? from js ?.

An image attached.

Thanks.

DropDownList

answered on 18 Sep 2012

0 answers

99 views

Prevent options.success() from resetting cell selector back to first column

I'm using autoSync:true so I can sync with the database after each cell update, but each time I call options.success() it resets the cell selctor to the first column of that row. If I don't report to the dataSource that the request has completed, it causes some strange behavior where clicking on the "Delete" button twice when there's a server error and a cancelChanges() on an error callback ends up deleting the record.

It looks like options.success() repaints the entire grid. How can I prevent this from happening?

Grid

asked on 18 Sep 2012

3 answers

236 views

Handling server errors for ajax bound listview

I have a listview that is bound to an MVC controller, the view populates fine and pages fine, I would like to enable adding a new listview item so I added a template with a single textbox bound to an autocomplete that also populates from the server. All that works fine, but when I invoke the add on the listview, it is immediatly added to the listview and then the call appears in the controller. If the add executes then all is fine, if not then it is out of sync and there is no way to indicate to the listview to refresh or that an error occured. I have tried returning errors in the same way a Grid expects them (JSON object with Data, Errors and Total), I have tried simply returning a 500 error, but I cant get seem to figure out how to indicate that the operation failed.

Attached are the razor view, the editor temmplate and the controller.

Thanks in advance for any advice

ListView

answered on 18 Sep 2012

1 answer

199 views

Kendo UI grid optimal column width for particular column

Dear support team,

I use the Kendo UI grid inside a Bootstrap Responsive Layout.So if displayed on smartphones, I would need the following behavior:

Among all columns there should be a particular one, that keeps its optimal width whereas the others should be shrinked down to zero.How can I get this?

As far as I have seen, optimal column widths are available if Grid.Scrollable is set to false.On the other hand, if Scrollable == true and I do not set the width of a certain column, it will fill the gap that is left over from the other columns' common width. Is there a public(?) Kendo function that calculates the optimal column width for a given set of data,that I can call in the dataBound eventhandler?

Best regards,

Grid

answered on 18 Sep 2012

6 answers

153 views

How Resistant to Tampering is the grid?

Hi, I need to write a really complex grid, and I know that out of the box, kendo UI (or any other framework) will not support the features, so I'm trying to figure out what exactly Kendo UI can do and how resistant to tampering it is. Mainly I just want a uniform look across platforms and have simple functionality available to me.

a) Does Kendo UI support headers on the Y axis? Like my grid needs to have headers, subheaders, sub-subheaders on both X and Y axis (ie on the top and on the left).

b) Can I Insert multiple rows at once at any point on the grid? I've seen .addRow and datasource.Insert, but nothing for inserting multiple rows at once

c) Does it do colspan and rowspan correctly? I saw one forum post, but no answers. Because I need headers and subheaders, obv. the headers need to span multiple columns, and then the subheaders will span less columns, and sub-subheaders will span even less columns.

d) I will need to basically override all custom events that the grid does, I assume I can prevent all default behaviour using e.preventdefault like in telerik mvc

e) I will need to do column insertion (sort of like a row-detail view, but for columns). If I do this manually into the grid, will it break anything? I'm likely going to be preventing default for most things, so I'm wondering how much appending <td> to the grid would affect things. I don't want any javascript to break because there's now a new column.

Thanks.

Grid

answered on 18 Sep 2012

1 answer

234 views

[Solved] How to refresh mvc wrapper grid?

I have defined a grid like this:
@(Html.Kendo().Grid(Model)
.Name("OnlineVisitors")
.Columns(c =>
{
c.Bound(p => p.DurationInMinute).Title("duration");
c.Bound(p => p.PersianStartDate).Title("start time");
c.Bound(p => p.IP).Title("IP Address");
})
.DataSource(datasource =>
datasource.Ajax()
.Read(read => read.Action("JsonList", "OnlineVisitors", routeKeyValues))
)
)
And now i want to refresh the grid in JavaScript code,after an Ajax call to server,that do something with data source i'm using.any help will be appreciated.

Grid

answered on 18 Sep 2012