Questions on Kendo UI for jQuery Forum

1 answer

190 views

Likely Bug - Filterable is in Row mode, setting Filterable & UI on column is ignored - Menu mode works as expected

Basically, setting

<p>Filterable(ftb => ftb.Mode(GridFilterMode.Row)</p><p></p>

at the grid makes

<p>columns.Bound(x => x.ID).Filterable(x => x.UI("numericFilter"));</p><p></p>

not work.

<p>Filterable(ftb => ftb.Mode(GridFilterMode.Menu)</p><p></p>

does work but is not the intended functionality.

Grid

answered on 19 Apr 2016

1 answer

72 views

Grid alignment break on Horizontal scroll in editable grids on Nexus

Grids header and rows alignment break in editable grids on nexus devices. Anybody have any solution please share.

Grid

answered on 19 Apr 2016

1 answer

738 views

Need Overflow-x as hidden and overflow-y as visible in kendo grid td

I need to show validation message completely and ellipses on text in non-editable mode. I have below code of css.

td {
        white-space: nowrap;
        overflow-x: hidden !important;
        overflow-y:visible !important;
        cursor: default;
        padding: 2px 10px !important;
        line-height: 16px;
        height: 30px;
        position: relative;
        margin: -0.5em -0.6em -0.4em -0.6em;
        vertical-align: middle;
}

Please see the attachment and let me know how can we resolve this.

Grid

answered on 19 Apr 2016

1 answer

373 views

Re-Render only the changed rows of a grid

Hello

We're experiencing slow performance in IE 11 with a Kendo Grid when it contains a couple hundred rows. We use a custom rowTemplate which is fairly complex, with icons and angular markup.

What I see when debugging is that on every change to one item of the grid (change is triggered externally, not via direct edit on the grid, and sent to the DataSource with pushUpdate()), the whole grid is being re-rendered, which is fairly expensive as it has to render the complex template for all hundreds of rows.

Is it possible to have the grid only re-render the affected row ? It should significantly increase performance in our case.

Thanks

Grid

answered on 19 Apr 2016

14 answers

1.1K+ views

[Solved] CRUD actions - what should server response be?

I'm sending CRUD actions using JSON to a PHP backend.

Reading (including filtering and paging) is working fine. I'm now at the point of Creating new records using the 'batch' option.

I've managed to get the date to save the entered data into the MySQL database, but I can't figure out what the server response should be. I've tried to respond with 1 or true on success -- but the grid doesn't recognise that the data has been saved.

I've not tried Update, but I suspect the result will be the same.

What am I missing?

Thanks

Grid

answered on 19 Apr 2016

1 answer

303 views

Adding Authorization Header to subsequent calls

I have an Angular App that muss send an authorization header within every request that makes to the server.

When defining the kendo datasource, I've added the header field:

this._tableData = new kendo.data.DataSource({
transport: {
read: {
cache: true,
url: `${this.baseUrl}/uiobjects/_search`,
dataType: "json",
contentType: "application/json; charset=utf-8",
type: "POST",
headers: {'Authorization': this.header}
},

Allowing me to fill the kendo grid with data, but for one of the rows I've defined a template:

template: `<div class='title'><div class='pic'><img src="#:_links.previewdata.href#" alt="thumbnail"></div><span>#: title #</span></div>`

and there makes another request to the server in order to grab the image.

My problem here, is that I am not being able to set this authorization header for these request. Angular interceptors doesn't work because they are not made through $http.

Is there any clean way to intercep these request, or to add a Header??

General Discussions

answered on 19 Apr 2016

1 answer

379 views

Kendo Grid - Server side sorting with Automapper

Hello,

I'm trying to create a kendo grid with pagination, sorting and filtering in server side.

The grid configuration in client side is:

$scope.options = {

sortable: true,

filterable: true,

pageable: true,

dataSource: {

transport: {

read: {

url: "api/items",

contentType: "application/json",

dataType: "json",

type: "POST"

},

parameterMap: function (options) {

return kendo.stringify(options);

}

},

schema: {

total: "totalItems",

data: "items"

},

serverPaging: true,

pageSize: 4,

serverSorting: true

}

};

In server side, I've tried to do the pagination but it doesn't work. I have used Kendo.DynamicLinq. The DataSourceRequest containg (take, skip, sort) is corrected loaded from the request but when the query is executed it returns an error because of AutoMapper conversion from Dto to Model.

What is the correct way of implementing server side pagination, sorting and filtering for Kendo UI Grid, Web API and Automapper(conversion from dto to model)?

Grid

answered on 19 Apr 2016

3 answers

945 views

Dual List Box

Hi,

do you have any solution with Kendo UI to produce a simple Dual List Box like e.g. http://www.virtuosoft.eu/code/bootstrap-duallistbox/ ?

MultiSelect is fine, but if you have longer lists it is not viable. A dual list box does the same Thing as MultiSelect, but is much more intuitive and clear. Any hints are welcome. Thanks!

Best regards

Martin

MultiSelect

answered on 19 Apr 2016

1 answer

5.4K+ views

Format numbers in Grid and Footer (sum)

Hi

I am trying to format my data as per http://docs.telerik.com/kendo-ui/framework/globalization/numberformatting

This is my example:

http://jsfiddle.net/Lqxon2f1/2/

After I format my data is looks like it is not recognized as number anymore and hence not summed up properly.

Also I am unsure how to format the sum displayed in my footer column

Help appreciated!

BR

http://jsfiddle.net/Lqxon2f1/2/

Grid