Questions on Kendo UI for jQuery Forum

1 answer

167 views

Hello,

we have problem with NumericTextBox performance, we are trying to render 200 components (production report stuff).

Time which I get on Chrome 80 is ~2832ms, what interesting in FireFox 73 only 472ms, rendering 200 raw input (type=number) components is about 11ms.

How to optimize it, and why Chrome is 5x slower than FireFox in this case

https://dojo.telerik.com/iXUJaLAW/3

NumericTextBox

answered on 17 Mar 2020

2 answers

170 views

Node fields not updating on drop

What I am trying to accomplish: After dragging an element I am sending node info (for all elements) to the server so the records can be created for user preferences.

It works fine but... changes to elements do not take affect until the second drop. So, If i drag a root node (say folder1) into another root node (say folder2), under my logic below the parent of folder1 still does not exist. However.. if I drop folder1 onto folder2 a second time the parent then exists. So, ultimately how would I ensure that my logic runs for the changes after the drop?

Thanks in advance.

Snippet of my JavaScript:

$("#div_tree").kendoTreeView({

dataSource: data.ProDataSet["treemenu"],

dragAndDrop: true,

drop: function(e){

updatePinPreferences();

}

});

function checkedNodeIds(nodes,docarray) {

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

try{

var parent = treeView.parent(treeView.findByText(nodes[i].text));

console.log(nodes[i].text + " | " + nodes[i].index + " | " + nodes[i].itemtype + " | " + icount + " | " + treeView.text(parent) );

}

catch(e){

console.log("CANNOT FIND PARENT " + nodes[i].text ,e);

parentName = "";

}

if (nodes[i].hasChildren) {

checkedNodeIds(nodes[i].children.view(),docarray);

}

function updatePinPreferences() {

var treeView = $("#div_tree").data("kendoTreeView"),

message;

checkedNodeIds(treeView.dataSource.view(), jdoc);

}

TreeView

answered on 16 Mar 2020

2 answers

494 views

In observable function, this.get is not a function

I am new to using kendo observables. I have what seems to be a relatively simple viewmodel:

var viewVmodel = kendo.observable({

CategoryValue: 10000

, CategoryValueDisplay: function() { return kendo.toString(this.get("CategoryValue"), "c0"); }

, CategoryNumber: function() { return this.get("CategoryValue") * 2; }

, CategoryNumberDisplay: function() { return kendo.toString(this.get("CategoryNumber"), "c0"); }

, CategoryEnabled: true

, CategoryChange: function(e) { console.log("CategoryChange"); }

});

However, when I try to bind to CategoryNumberDisplay as

<div class="bound" data-bind="text: CategoryNumberDisplay"></div>

I get an error: this.get is not a function. Running in Chrome, the console log shows the error. In CategoryNumberDisplay, if I replace this.get("CategoryNumber") with simply 20000, it works fine.

Here is a dojo. Can someone tell me what I'm doing wrong, as well as explain the difference between CategoryValueDisplay and CategoryNumberDisplay? (which will probably end up being the same answer.)

MVVM

answered on 13 Mar 2020

2 answers

184 views

Keep drawer from showing while trying to select text

For a sample: user your demo here: https://demos.telerik.com/kendo-ui/drawer/index

To reproduce: Attempt to select the text : "Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday" by clicking of the left of the H in Hi and dragging right. You'll notice the drawer opens and becomes semi-cumbersome to select the text.

My issue: My users need to be able at times to select the text that is in the display window of the drawer to select for clipboard use. Each time I click on some text and drag right the drawer opens.

Is there a way to prevent the drawer from activating while I'm trying to select text? Can i put an attribute in the div wrapper that prevents it from listening for an open? My users aren't going to be using this on a tablet or phone so I don't need a 'touch' type show event to occur. I only want the drawer to open/close when the three lines are clicked.

Drawer

answered on 13 Mar 2020

1 answer

833 views

Responsive Vertical Tabstrip

I have a vertical tabstrip on desktop where the tabs are on the left and the content to the right of the screen. On Mobile I would like to change this because it does not fit properly on the narrower screens. Ideally I would like the tabs to become a dropdown box but if another solution already exists that might be fine too. Does the Kendo UI left tabstrip support responsive design and if so, how do I use it?

TabStrip

answered on 13 Mar 2020

4 answers

229 views

OData filtering on Int64 property

When filtering an odata source on an Int64 property, a "L" needs to be appended to the value so that is properly cast to Int64 by WebApi.

Is there a filter configuration that would properly append the "L" to the end of the value in the querystring? I have tried manually appending the "L" to the filter value however this causes it to be passed as a string and that cast fails as well.

For now I can manually build my filter querystring for my prototype but that is not ideal going forward.

Please let me know if you have any questions or need sample code.

Data Source

answered on 13 Mar 2020

5 answers

1.3K+ views

setOptions() new Field

Hi,

I am saving the grid state in a database by calling grid.getOptions().
At opening the page, I am calling grid.setOptions(...) to restore the saved grid state. Its working well.

I added a new field to my grid, but it´s not visible, because in the stored grid state this field is not existing yet.

I can remove the array "columns" from the grid state JSON, but then the user settings of each column is deleted (for example the width of the columns).

What can I do to show the new field in my grid and not to delete the saved grid state?

Thanks,

Alex

Grid

answered on 13 Mar 2020

1 answer

292 views

Jquery KendoUI datepicker SqlDateTime overflow in the grid

I've added a kendo date picker as an editor in the grid and when I pick a date and click save changes, I get an sql error message: "SqlDateTime overflow.Must be between 1/1/1753 12:00:00 AM and 12/31/9999 11:59:59 PM". (Data type in sql is DateTime2). I think I parsed it in a right format (MM/dd/yyyy), but I'm not sure why its not working. When I manually type it as a string type (e.g. 3/7/2020), it works just fine.

1. Grid column part
columns: [{field: "EffectiveDate", title:"EffDate", template: "#= kendo.toString(kendo.parseDate(data.EffectiveDate, 'yyyy-MM-ddThh:mm:ss'), 'MM/dd/yyyy')#", width: 50, editor: CustomDatePicker}]

2. Editor part
function CustomDatePicker(container, options) { $('<input required name="' + options.field + '"/>').appendTo(container).kendoDatePicker({ format: "MM/dd/yyyy", max: new Date(), parseFormats: ["MM/dd/yyyy"]});}

3. Controller part -- when I'm debugging, the breakpoint hits here and give an sql overflow
public~

...

DateTime datevalue;

bool? isOk; isOk = DateTime.TryParse(HttpContext.Current.Request.Form["EffectiveDate"].ToString(), out datevalue);

DateTime effectiveDate = datevalue;

...

General Discussions

answered on 12 Mar 2020

6 answers

172 views

Suppressing Units

Hi

Is it possible to configure or programmatically remove the Units Column from the assignments editor, as our requirement doesn't generally want to model %tage allocation to each user (effectively each user would be 100%)

Thanks

Chris

Gantt