Questions on Kendo UI for jQuery Forum

6 answers

1.3K+ views

Contains filter No Data Found message is incorrect

See attached image.

I am using a "contains" filter. It works, but it also incorrectly shows this message "NO DATA FOUND." when there is matching data.

Grid

answered on 17 May 2019

1 answer

221 views

Schedule Edit datetime in utc but calendar is in EST

When you create the event you enter the value in Eastern Standard Time (EST). It is saved to the database as UTC but displays correctly on the calendar. The problem is when you edit the event it show the UTC times in the edit event dialog [see screenshot] and when saved it appears to assume that the time is again eastern so it causes it to move.

The item is saved in the database with UTC Start, Stop field the StartTimeZone and EndTimeZone are both set to "Etc/UTC". [see screenshot]

The Timezone on the scheduler set up is set to "America/New_York"

I am using Version 2019.1.220 of KendoUI for Asp.Net MVC

screenshots of the UI and what is saved in the database

Scheduler

answered on 17 May 2019

2 answers

849 views

Grid Table Header Missing "buffer" spacing above vertical scroll bar on scrollable grid

Hi,

I have kendo grid that is scrollable horizontally and vertically. When I scroll all the way to the right the columns become mis aligned by the width of the vertical scroll bar. See image here:

http://snag.gy/WgXqY.jpg

I noticed that in this jsfiddle page there is spacing that looks like a fixed column above the scroll bar that accounts for this space. All my columns have explicit width defined. Why am I missing that spacing above the scroll bar.

http://jsfiddle.net/dimodi/F45Sc/

$("#policyVIEConsolidation").kendoGrid({

dataSource: getPolicyDataSource(),

pageable: {

pageSizes: [10, 50, 100, 500],

buttonCount: 5,

numeric: true,

refresh: true,

messages: {

display: "Displaying {0:n0} - {1:n0} of {2:n0}"

}

},

dataBound: onDataBoundPolicyVIEConsolidation,

scrollable: true,

height: 'auto',

sortable: true,

resizable: true,

reorderable: true,

toolbar: kendo.template($("#templatePolicy").html()),

columns: getColumns()

});

Thanks in advance. This is drving me and my users nuts...

Grid

answered on 16 May 2019

1 answer

749 views

Trim search value in AutoComplete

Hello,

is there a way to trim search value in autocomplete? The scenario is that as first thing when I use autocomplete I press space, to see all values on list, and then if there are many I start to type search value, however initial space is not trimed, so search result is not accurate.

AutoComplete

answered on 16 May 2019

1 answer

102 views

Unable to fetch worksheet tabs

Hi,

I am new to Kendo UI Spread Sheet Component. Trying to fetch worksheet tab names while importing.

On importing a .xlsx with worksheet tabs, i am trying to fetch worksheet tabs names with

' $("#spreadsheet").data("kendoSpreadsheet").sheets(); ' but for the first time i am getting result as a default for every import ' _sheetName: "Sheet1" '.

Spreadsheet

answered on 16 May 2019

2 answers

211 views

Grid holds previous datasource

Hi

I'm using a grid to show the results form a search and also "hierarchy" for details of each result. Every time I search the new values shows perfectly fine but the detailInit event is not working is I need. First time the details looks good but if I search again the details grid does not show and I noted that it is using data from previous search results. I assumed that the fact that it is not showing the details is because of that but not sure.

I have something like this:

function search()

{

getDataSource();

createGrid();

}

function createGrid()

{

$("#grid").kendoGrid({

...

detailInit: detailInit,

....

});

}

function detailInit(e)

{

var trackId = e.data.TrackingID;// parent row value the one that is holding previous result

$("<div/>").appendTo(e.detailCell).kendoGrid({

dataSource:{

transport: {

read:

{

url: "API_URL",

dataType: "json",

type: "POST"

},

parameterMap: function (data, type) {

var result = {

trackingId: trackId,

}

return kendo.stringify(result);

}

},

scrollable: false,

sortable: true,

pageable: false,

columns: [......]

});

}

Thank you

Grid

answered on 16 May 2019

3 answers

689 views

How do I bind to a calculated property that depends on an observable array or datasource?

I have a calculated property named "hasDashboards" that I am binding to with the enabled or visible bindings.

var ViewModel = kendo.data.ObservableObject.extend({

init: function() {

kendo.data.ObservableObject.fn.init.call(this);

}

});

var MyViewModel = ViewModel.extend({

init: function() {

ViewModel.fn.init.call(this);

},

dashboards: new kendo.data.DataSource({ data: [] }),

hasDashboards: function() {

var ds = this.get("dashboards");

return ds.data().length;

}

});

I have tried doing this with an observable array as well instead of a data source, but neither hook into the binding updates. I can get this to work if I use the trigger() function on the view model and specify the hasDashboards field as a parameter, but I would like to avoid this additional complexity. I know I am doing something unsupported by deriving from ObservableObject directly, but we need availability and also build custom widgets.

I have also tried the observable array doing this.get("dashboards.length") (which is supported according to the docs), but that didn't work either. Let me know, thanks!

MVVM

answered on 15 May 2019

5 answers

1.2K+ views

Force dataSource update with dataSource.update() gives no method 'update'

I have a Kendo datasource that is not bound to a Kendo object; I am using the data in a plain old HTML textarea.

I would like to have the user modify the text in the text area, then hit a save button to apply the new data. I've linked the save button to a javascript function that calls dataSource.update() and gets the new data from the textarea. Of course, this doesn't work.

My question is: how do I get the dataSource to update since there is no update() method?

Data Source

answered on 14 May 2019

1 answer

75 views

How to assign diffrent colores on diffrent rows in a grid

Hi,

i have a grid which shows diffrent events occuring in a network,like error,bug,internet failure,...i want them to be shown in diffrent colores according to the event,for example red if its Error,green if its Internet falure,..how can i achieve that?

Grid

answered on 14 May 2019

1 answer

154 views

scrollable: false causes JS error

Hi

Please see: https://dojo.telerik.com/ExUkomIP

This is one of your demo's with simply adding scrollable: false.

Uncaught TypeError: Cannot read property 'appendChild' of undefined
    at i.appendTo (kendo.all.js:11776)
    at i.render (kendo.all.js:11782)
    at d.render (kendo.all.js:11968)
    at init._renderCols (kendo.all.js:120098)
    at init._layout (kendo.all.js:119753)
    at new init (kendo.all.js:118322)
    at HTMLDivElement.<anonymous> (kendo.all.js:2448)
    at Function.each (jquery.min.js:2)
    at n.fn.init.each (jquery.min.js:2)
    at n.fn.init.e.fn.(runner.telerik.io/anonymous function) [as kendoTreeList] (https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js:26:4956)

We need the tree list without a scroll bar as it is causing alignment problems. The alignment is fine until scrolling right to the bottom.

Is there a workaround if this is not immediately fixable?

Please help.

TreeList

answered on 13 May 2019