Questions on Kendo UI for jQuery Forum

0 answers

220 views

Using Kendo directive creates watches for each cell

Hello
We are just starting to use Kendo Grids in our Angular JS application. We are currently using Angular 1.2x and we should migrating to 1.3x and above very soon. We are trying to figure out a solution for the watchers being created when we use the Kendo Directive.

Here is a snippet of the HTML that is being generated by the grid. It is creating ng-bind for each cell, even if the grid is readonly. We looked through the code and it looks we can estimate the watch count as row X columns (So a grid with 30 columns and 2000 rows would generate 6000 watchers). Is there a way to use bindonce or one time watches (1.3x and above) through a configuration setting?

<tr class="k-alt ng-scope" data-uid="f919f1b6-6f33-4a5a-9606-8a17eef4a108" role="row">

<td role="gridcell"><span ng-bind="dataItem.Category" class="ng-binding">Category Not Defined</span></td>

<td role="gridcell"><span ng-bind="dataItem.SubCategory" class="ng-binding">Report Type Not Defined</span></td>

<td role="gridcell"><span ng-bind="dataItem.Description" class="ng-binding">Fuel Economy</span></td>

<td role="gridcell">

<div class="wh-grid-name-link as-link" data-row="1">View Report</div>

</td>

<td role="gridcell"><span ng-bind="dataItem.Schedule" class="ng-binding">Yearly | November 17th | Every 1 months</span></td>

<td role="gridcell">Multiple Recipient</td>

</tr>

Looks like this question has been asked before (http://www.telerik.com/forums/improve-angularjs-performance-for-read-only-grids) and the solution was to use jQuery code. Can Kendo create a native solution that allows us to solve this issue without using jQuery?

Thanks, Kalyan

Grid

asked on 31 Mar 2016

1 answer

326 views

Kendo Scheduler - Option for selecting a single event

Is there a way to restrict the user to select a single event only? I am looking for something along the lines of Kendo Grid selection configuration

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-selectable

Kendo Scheduler selectable configuration allows the user to select multiple events for a particular resource but not across resources.

Will the support for this be added in the future?

Scheduler

answered on 31 Mar 2016

1 answer

529 views

Kendo grid exporting to PDF is not working for more than 2000 records

Hi..

I'm getting issue while exporting kendo grid data to PDF with more than 2000 records.I'm configuring default all Pages to true.

Is there anything to avoid this issue.

Grid

answered on 31 Mar 2016

4 answers

285 views

[Solved] Connections with different colors according to data?

I need to make a diagram in which some connections are a different color, according to connection data. For example, I may have this as connections datasource:

[

{from: 1, to: 2, type: 1},

{from: 1, to: 3, type: 2},

{from: 2, to: 4, type: 1}

]

The resulting diagram should have connections with one stroke color (black) for the connections from 1 to 2 and 2 to 4, and a different stroke color (red) for the connections from 1 to 3 (as it is a different type).

I tried looking for something similar to `shapeDefaults.visual`, but it appears `connectionDefaults` only has this option for the content (text of the connection?), and not the stroke.

Is there a way to customize the stroke color (and preferably also dash) according to the connection data?

Thanks.

Diagram

answered on 31 Mar 2016

1 answer

1.4K+ views

How to disable catching by Kendo grid

In my grid i have enabled virtual scrolling and server side paging. but as i was scrolling i noticed sometimes when i scroll its not sending a new request to grab new data even if its reached page size. I think its because of catching of data. I tried to set catch property to false in my ajax call but it didnt fix my issue. I was wondering how this can be done. does Kendo can provide us with a functionality?

var dataSource = {

transport: {

read: function (options) {

var success = function (response) {

options.success(response);

};

var error = function (xhr, status, error) {

Ember.Logger.error('Fail response: ' + xhr.responseText + ' (status=' + xhr.status + ' ' + error + ')');

};

_this.get('PopulateGridData')(gridUrl, success, error, options.data, 'POST', true, true);

},

pageSize: gridPageSize,

schema: gridSchema,

serverPaging: true,

serverSorting: true,

serverGrouping: true,

serverFiltering: true,

};

var gridOptions = {

dataSource: dataSource,

columns: gridColumns,

editable: gridEditable,

pageable: {

refresh: true,

numeric: false,

previousNext: false,

},

height: gridHeight,

scrollable: {

virtual: true,

},

groupable: true,

filterable: true,

};

var grid = Ember.$("#kendo-grid").kendoGrid(gridOptions).data('kendoGrid');

_this.set('kendoGrid', grid);

Grid

answered on 31 Mar 2016

1 answer

215 views

dataSource.filter().filters is returning empty object {}

Hi,

I'm filtering my grid by using passing in a function to the operator like this:

dataSource.filter({
operator: setFilter
}
})

var setFilter = function(item) {

// iterate each item and return true or false if item matches value

}

this works perfectly and returns the correct view. However, I need access to the filters applied. Calling dataSource.filter().filters is returning empty object {}. Can you help please?

Grid

answered on 31 Mar 2016

1 answer

1.1K+ views

grid.setOptions error "Custom commands should have name specified"

When I call grid.setOptions I get the error message "Custom commands should have name specified".

This is the saved options (localStorage) I try to set:

Grid

answered on 31 Mar 2016

1 answer

355 views

Customize Connector and Connection Styles

Hi All,

I'm currently trialing KendoUI Professional for a project. Particularly I'm interested in the Diagram component however there are two critical elements I would like to customize.

I would like to make the connectors custom shapes. For example I would like certain shapes that can be connected to each other (based on business rules) to have unique connector shapes to make it clear to the user which shapes can be connected. At the moment there seems to be no way to do this out of the box (I acknowledge I can do colors though).

I would also like to make connections, curved/splines as per this feature request:
http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/6589127-diagram-connection-line-styling

I am pretty confident in my ability to add these modifications once I purchase a license and gain access to the Diagram source code however I'm wondering if anyone has has any experience trying to modify Diagram and whether these two customizations are realistic possibilities. Otherwise I may have to make something from scratch with SnapSVG or similar.

Just a tad worried about purchasing a license and then realizing that I can't get the desired result anyway.

Cheers

Chris

Diagram

answered on 31 Mar 2016

2 answers

685 views

ng-if and ng-show not working within custom column template

Hi. I'm trying to use the ng-if or ng-show tags within a custom column template. Unfortunately there seems to be no effect when I change the underlying variable.

gridColumns.push({

field: currentField.FieldName.replace(/ /g, "_"),

title: currentField.FieldName,

template: function (dataItem) {

return $scope.sampleNameTemplate(dataItem);

}

//,locked: true

, width: 250

, editor: $scope.textBoxCmtEditor

});

$scope.showQaQcSamplesEnabled = function () {

return $scope.showQaQcSamples;

};

In my grid there is no change regardless of what the $scope.showQaQcSamples variable is set to.

Any idea how I can get ng-if or ng-show to work correctly within a custom column template?

Thanks,

Ian

Grid

answered on 31 Mar 2016

1 answer

336 views

Grid with required date field

I'm trying to get a grid with a date field that must have a value. I have set the schema field validation to "required: true", but the grid still happily saved with nothing in the date field.

How to I get the grid to disallow saving if there is no value in the date field? (I don't need to set a range for the date, just make sure it is there).

Here is my attempt: http://dojo.telerik.com/aWAxO/2

Grid

answered on 31 Mar 2016