Questions on Kendo UI for jQuery Forum

6 answers

1.3K+ views

[Solved] Kendo Grid Filter Posting Twice

Ok so I have a kendo grid. Leaving off the definition to make not so long, but I do have autoBind: false on it. I then do the 3 functions below to add a custom multi-select filter to one column. The other thing I have is I set an initial filter on that same column in the grid definition. The problem I am having is that filter gets called twice, once with correct params and a 2nd time with the original filter, or if I have that original filter commented out; it will call it the second time using any other column filters on the grid you have set in the ui, but without using the custom filter on this one column.

I've spent all day and night trying to figure this out... Any ideas.

01.self.onSchemaPopulated = function (columns, model) {

02.

03. var measureKey = _.find(columns, function(item) {

04. return item.field === 'measure_key';

05. });

06.

07. measureKey.filterable =

08. {

09. extra: false,

10. operators: {

11. string: {

12. eq: "Is equal to"

13. }

14. },

15. ui: self.measureKeyFilter

16. };

17.

18. };

19.

20. self.measureKeyFilter = function (element) {

21.

22. element.removeAttr("data-bind");

23.

24. var menu = $(element).parent();

25.

26. menu.find(".k-filter-help-text").text("Show records for measure keys in:");

27. menu.find("[data-role=dropdownlist]").remove();

28.

29. var multiSelect = element.kendoMultiSelect({

30. dataBound: function (e) {

31. e.sender.tagList.addClass('k-full-button');

32. e.sender.ul.addClass('k-multiselect-items');

33. },

34. dataSource: _.invoke(self.itemSelected().measures(), 'measure_key'),

35. tagMode: 'single',

36. tagTemplate: '<div>#:values.length# measures selected...</div>',

37. value: _.invoke(self.itemSelected().checkedMeasures(), 'measure_key'),

38. }).data("kendoMultiSelect");

39.

40. menu.find("[type=submit]").on("click", { widget: multiSelect }, self.filterByMeasureKey);

41.

42. };

43.

44. self.filterByMeasureKey = function (e) {

45.

46. var newFilter = { logic: "and", filters: [] };

47. var measureFilter = null;

48. var values = e.data.widget.value();

49.

50. if (values.length !== self.itemSelected().measures().length) {

51.

52. measureFilter = { logic: "or", filters: [] };

53.

54. $.each(values, function (i, v) {

55. measureFilter.filters.push({ field: "measure_key", operator: "eq", value: v });

56. });

57.

58. newFilter.filters.push(measureFilter);

59.

60. };

61.

62. var grid;

63.

64. if (self.isRelationshipSummaryToggled()) {

65. grid = $('#' + self.rsOptions.id).data("kendoGrid");

66. } else {

67. grid = $('#' + self.rdOptions.id).data("kendoGrid");

68. };

69.

70. var currentFilters = grid.dataSource.filter();

71.

72. if (!isNull(currentFilters)) {

73.

74. _.each(currentFilters.filters, function (x) {

75.

76. if (!_.isArray(x.filters)) {

77. newFilter.filters.push(x);

78. } else if (x.filters[0].field !== 'measure_key') {

79. newFilter.filters.push(x);

80. };

81.

82. });

83.

84. };

85.

86. grid.dataSource.filter(newFilter);

87.

88. };

Grid

answered on 24 Aug 2016

3 answers

371 views

add a row to a nested grid

Inside a main grid I have a nested detail grid and a button. How is it possible to add a row to the nested grid on a button click. My solution doesn't work: @scope.detailsGrid is undefined (which is predictable).

$scope.addRow = function () {

var grid = $scope.detailsGrid.data("kendoGrid");

grid.addRow();

return false;

};

<kendo-grid k-scope-field="mainGrid" options="mainGridOptions">

<div k-detail-template>

<div kendo-grid k-scope-field="detailsGrid" k-options="detailGridOptions(dataItem)"></div>

<button ng-click="addRow()" style="width:100px; height:30px;">Add row</button>

</div>

</kendo-grid>

Grid

answered on 23 Aug 2016

3 answers

2.2K+ views

Kendo UI Menu Item Separator

How to draw a line between targeted Menu Items. Documentation says use 'k-separator' class. Is there alternative?

Also, By default a line is added after first menu item. How do i remove it? Please see attached.

Menu

answered on 23 Aug 2016

8 answers

612 views

[Solved] "Stacked bar chart Tooltip -- Single Bar of multi Stacks should show all color with value on tooltip"

"Stacked bar chart Tooltip -- Single Bar of multi Stacks should show all color with value on tooltip"

Charts

answered on 23 Aug 2016

1 answer

139 views

[Solved] Datepicker disappear in list

Hi,

in a radio button list I want show datepickers.

Unfortunally on click the datepicker disappear immediately mostly - in some rarely cases not.

Example Dojo

If I move

<label style="float: left;margin-left:20px;width:50px">von</label><input id="dpstart" style="width:100px"/><br>

<label style="float: left;margin-left:20px;width:50px">bis</label><input id="dpend" style="width:100px"/>

behind </ul> it works.

But then the radio button "Select" is not selected by activate a datepicker.

Peter

DatePicker

answered on 23 Aug 2016

1 answer

249 views

Kendo Scheduler delete/Edit appointment with respect to occurrence

Hello Team,
I have issue in implementation (delete/Edit) of Kendo scheduler Occurrence
After searching I found solution i.e. Recurrences Exception date in YYYY-MM-DDTHH: MM: 00.000Z Format but nothing happen.

Problem Explanation

Data Base:
Table with following fields (task ID, start, end, recurrence id, recurrence rule, recurrence exception)

task ID start end recurrence id recurrence rule recurrence exception
1 2016-08-23 08:00:00.000 2016-08-23 08:30:00.000 NULL FREQ=DAILY 2016-08-24 08:00:00.000
2 2016-08-24 08:00:00.000 2016-08-24 08:00:00.000 1 NULL NULL

When above data send to scheduler no exception come and one extra appointment created.
I am using client side scheduler. Is above mechanism correct?
How scheduler understand the task id =2 are deleted
Please suggest or provide link for both functionality i.e. (delete/Edit) of Kendo scheduler Occurrence
Thanks

Scheduler

answered on 23 Aug 2016

1 answer

599 views

Kendo Scheduler Implement Edit/Delete Occurrence

Hello Team,
I have issue in implementation (delete/Edit) of Kendo scheduler Occurrence
After searching I found solution i.e. Recurrences Exception date in YYYY-MM-DDTHH: MM: 00.000Z Format but nothing happen.

Problem Explanation

Data Base:
Table with following fields (task ID, start, end, recurrence id, recurrence rule, recurrence exception)

task ID start end recurrence id recurrence rule recurrence exception
1 2016-08-23 08:00:00.000 2016-08-23 08:30:00.000 NULL FREQ=DAILY 2016-08-24 08:00:00.000
2 2016-08-24 08:00:00.000 2016-08-24 08:00:00.000 1 NULL NULL

When above data send to scheduler no exception come and one extra appointment created.
I am using client side scheduler. Is above mechanism correct?
How scheduler understand the task id =2 are deleted
Please suggest or provide link for both functionality i.e. (delete/Edit) of Kendo scheduler Occurrence
Thanks

Scheduler

answered on 23 Aug 2016

1 answer

3.0K+ views

I´m sometimes getting this error: Ucaught TypeError: Cannot read property 'removeClass' of undefined

hello there

I´m running into a strange kendo error when my code is updating the grid, but it only happens sometimes

but never after a refresh of the page only when data has been added once to the grid and then I´m getting a new datasource and adding it to the grid then this happens sometims

the probelm lies in this function:

_hideResizeHandle: function() {
this.resizeHandle && (this.resizeHandle.data("th").removeClass("k-column-active"),
this.lockedContent && !this._isMobile ? (this.resizeHandle.off(We).remove(),
this.resizeHandle = null ) : this.resizeHandle.hide())
},

I´ve attached a picture of the error

Grid

answered on 23 Aug 2016

1 answer

137 views

Cell with background filling based on value

I need to fill background of cell based on it's value. For example, value of cell is 10%. I need left part of this cell to be blue and it part should be 10% of cell width. I also need to have same background after export to excel. It is possible to do this with kendo pivotgrid?

PivotGrid