Questions on Kendo UI for jQuery Forum

3 answers

134 views

bindToKNgModel - unnecessary $apply

Hi,

is it possible that you have one unnecessary $apply function inside mentioned method. In there you have:

// keep in sync

scope.$apply(function() {

var watchHandler = function(newValue, oldValue) {

if (newValue === undefined) {

// because widget's value() method usually checks if the new value is undefined,

// in which case it returns the current value rather than clearing the field.

// https://github.com/telerik/kendo-ui-core/issues/299

newValue = null;

}

if (updating) {

return;

}

if (newValue === oldValue) {

return;

}

widget.$angular_setLogicValue(newValue);

};

if (kendo.ui.MultiSelect && widget instanceof kendo.ui.MultiSelect) {

scope.$watchCollection(kNgModel, watchHandler);

} else {

scope.$watch(kNgModel, watchHandler);

}

});

this is causing issues for us as we have some wrapper around kendo-tooltip where we manually compile content of it because it's dynamic (we get $digest already in progress issue).

So, to get back on the code, why are you using $apply here? You only have two watch statements assigned, which don't require $apply around it.

General Discussions

answered on 17 Jun 2015

5 answers

841 views

[Solved] CustomEditor in Kendo Grid

I want to implement a combo box editor in the kendo drid, for which I've followed this link: Grid / Editing custom editor

The issue is I am having is, in the column (with combo box editor) the grid shows the ID instead of the text field while its not in edit mode. The "../api/Users?uid=1" will return JSon: [ { ID: 1, UserName: "aaa" }, { ID: 2, UserName: "bbb" } etc....

Here is the code:

var gridContainer = $('<div id="grdSelectedWorkers" />');

gridContainer.appendTo($(element));

var dataSource = new kendo.data.DataSource({

type: "odata",

transport: {

read: {

url: "../api/Workers",

dataType: "json",

data: { id: arrWorkerIDs }

},

update: {

url: "../api/Workers",

dataType: "json",

type: "PUT",

contentType: "application/json"

},

destroy: {

url: "../api/Workers",

dataType: "json",

type: "DELETE",

contentType: "application/json"

},

create: {

url: "../api/Workers",

dataType: "json",

type: "POST",

contentType: "application/json"

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return JSON.stringify(options.models) ;

} else {

return options;

}

},

schema: {

model: {

id: "WokerID",

fields: {

WokerID: { editable: false, nullable: true },

FirstName: { type: "string" },

LastName: { type: "string" },

UserID: { type: "number" },

UserName: { type: "string" }

}

},

data: function (data) {

return data;

},

total: function (data) {

if (data != undefined) {

if (data.length > 0) { return data[0].Total; }

return data.length;

}

},

batch: true,

pageSize: 10,

serverPaging: true,

serverFiltering: true,

serverSorting: true

});

gridContainer.kendoGrid({

dataSource: dataSource,

toolbar: ["create", "save", "cancel"],

editable: true,

saveChanges: function(e) {

if (!confirm("Are you sure you want to save all changes?")) {

e.preventDefault();

} else {

this.dataSource.read();

}

},

pageable: true,

change: function (e) {

var selectedRow = this.select();

contentItem.screen.WorkerID = parseInt(selectedRow[0].cells[0].innerHTML);

},

columns: [{

field: "FirstName",

title: "First Name"

}, {

field: "LastName",

title: "Last Name"

}, {

field: "UserID",

title: "User",

filterable: {

extra: false,

ui: userFilter

},

editor: userDropDownEditor

}, {

command: ["destroy"], title: " ", width: 150

}]

});

function userFilter(element) {

element.kendoDropDownList({

dataSource: {

transport: {

read: "../api/Users/"

}

});

}

function userDropDownEditor(container, options) {

$('<input id=cmbUsers required data-text-field="UserName" data-value-field="ID" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoComboBox({

autoBind: false,

dataSource: {

transport: {

read: "../api/Users?uid=1"

}

});

}

Grid

answered on 17 Jun 2015

1 answer

1.3K+ views

[Solved] Grid: Number of Rows in Footer

Hi,

i use a kedo grid without paging. All data-rows are shown in one page.

How can i show the footer with the number of rows and refresh-button.

The footer seems only to be visible when paging is enabled. When paging is not enabled the grid renders no footer.

Regards.

Jürgen

Grid

answered on 17 Jun 2015

1 answer

119 views

[Solved] Selecting event automatically in the current view

Hello there,

I am hoping you can help me with my little challange. I am trying to make scheduler select any event in the current view automatically after loading. Preferebly I would want it to select the event in the current date which would be today.

I have seen "Selecting Event programatically" but it is not what i want. That one explains how to select an event assuming I know which event to select.

In my case I don't know the event so i just need the scheduler to select the event in the current view for me. it is also possible that there may not be any event on the current date. Also I haven't defined an id in my schema. I don't actually have an id which represent event rather I only have a string field. Is it possible to set the id to string field? I am specfying this just in case solution requires an id.

Thanks

Scheduler

answered on 17 Jun 2015

3 answers

159 views

slotByElement method returns same slot for two different rows in ie11.

I have this code that loops through all row of the scheduler.
And about 1 in every 6 loops returns the same slot.
This has only been observed in ie11.

function scrollTo(calendar, time) {

var scrollContainer = calendar.element.find(".k-scheduler-content");

var table = scrollContainer.find(".k-scheduler-table")[0];

var length = table.rows.length;

for (var i = 0; i < length; i++) {

var ri = table.rows[i];

var slotTime = kendo.toString(calendar.slotByElement(ri).startDate, "h:mm tt");

if (time == slotTime) {

scrollContainer[0].scrollTop = ri.offsetTop

return;

}

Scheduler

answered on 17 Jun 2015

1 answer

72 views

Can the order of field list in PivotConfigurator be controlled

Can the order of the field list in PivotConfigurator be controlled?

For example can i sort them, so in different order to that as returned by SSAS ?

Thanks

Chris

PivotGrid

answered on 17 Jun 2015

1 answer

85 views

Can the PivotConfigurator measures be indented by MeasureGroup or folder

Can the PivotConfigurator measures be indented by MeasureGroup (ie as per the structure in SSAS), or by some other folder mechanism ?

This helps to group the measures in larger cubes / perspectives - as opposed to large list of flat measures

Thanks

Chris

PivotGrid

answered on 17 Jun 2015

1 answer

129 views

Does pivot grid support SSAS Perspectives

Does pivot grid / pivot configurator support SSAS Enterprise Perspectives feature (or even a cube 'selector'), OR does this code / decision need to be effectively on the controlling page that then might set the cube data source property - to allow switching perspectives?

Thanks

Chris

PivotGrid

answered on 17 Jun 2015

8 answers

427 views

[Solved] Indentation not working

i am unable to indent last node in treelist is their any possibility?

TreeList

answered on 17 Jun 2015

1 answer

305 views

Filter Multi Select Sorting

Hir, how can I alphabetically sort the values of a multi select with checkbox filter? I need this, because the filter may contain over 50 values, and if it is not sorted, it will take a long time for the user to find the values he wants... It seems that the filter is constructed as the unique values appears... Are there any solutions for this?

Thank you!

Grid

answered on 17 Jun 2015