Questions on Kendo UI for jQuery Forum

3 answers

3.9K+ views

When filtering on a date column in the grid, the dates are filtered by time as well as by date. This creates a problem when trying to filter with "equals to".
I can easily remove the time from the date object in the grid and this fixes the filtering.
However, I might need to display the time in the date object in the grid.

How can I have the dates filtered while ignoring the time, or alternatively display the date with the time, but filter with a date object without the time?

Thanks

Grid

answered on 25 Jun 2018

5 answers

543 views

How to display google maps in a view?

Hello

I'm trying to display google maps into a KendoUI Mobile view. The map doesn't appear and there is also no error in the console. Do I have to consider something special?

My working code so far:

<!DOCTYPE html>

<html>

<head>

<title>My App</title>

<link href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.common.min.css" rel="stylesheet" />

<link href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<script src="https://kendo.cdn.telerik.com/2018.2.516/js/jquery.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2018.2.516/js/kendo.all.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=YourAppKey"></script>

</head>

<script>

function initMap() {

var location = {lat: -25.363, lng: 131.044};

var map = new google.maps.Map(document.getElementById('showmap'), {

zoom: 4,

center: location

});

}

$(document).ready(function() {

app = new kendo.mobile.Application($(document.body), {

skin: 'flat',

transition: 'slide',

initial: "mapview",

init: function () {

initMap();

}

});

</script>

<body>

<div id="mapview" data-role="view" data-layout="default">

<div>Some text</div>

<div id="showmap"></div> // <-- Should display google maps

</div>

</body>

</html>

(Replace "YourAppKey" with your app key of google maps)

My project heavily depends on google maps. So I hope there is a solution to display google maps (in a view).

Regards

View

answered on 22 Jun 2018

1 answer

126 views

Validation with showButton failing

We've giving our users a list of items to pick from when reviewing previously submitted data. The statuses they can pick from are Pending, Approved and Rejected.

We're seeing very weird behavior when someone activates the pick list in the A column and displays the options but does not choose a value. They then visit another page on the site. Then when they return to the spreadsheet to select a value again, the button to open the pick list appears when the cell is selected, but when clicked, the button does not display the list of options. Actually, nothing happens when you click the dropdown button. The only way to remedy this issue is to logout of the application, log back in and then visit the table again.

We are not setting any login/account related criteria on the button, just providing the 3 options to choose from. I've tried replicating this using a DOJO on your site and wasn't able to get the same results.

Here is the JSON we're using to populate the spreadsheet. Is there something wrong with my configuration or do you think there might be a bug in your code?

spreadsheet.fromJSON({"sheets":[{"frozenRows":1,"name":"Lot Tracking","rows":[{"cells":[{"value":"Status"}]},{"cells":[{"value":"Rejected","color":"#D0021b","bold":true,"validation":{"allowNulls":false,"dataType":"list","comparerType":"list","from":"{ \"Pending\", \"Approve\", \"Reject\" }","showButton":true,"type":"reject"},"enable":true}]},{"cells":[{"value":"Rejected","color":"#D0021b","bold":true,"validation":{"allowNulls":false,"dataType":"list","comparerType":"list","from":"{ \"Pending\", \"Approve\", \"Reject\" }","showButton":true,"type":"reject"},"enable":true}]}]}]});

Thanks in advance for your help.

Greg

Spreadsheet

answered on 22 Jun 2018

4 answers

223 views

MVVM sortable, data templating (phantom items being created)

So I have provided a dojo of the problem in action. Not sure what is going wrong or how to fix it. http://dojo.telerik.com/aFiKaJEK

I have cut out the rest of the controls and limited it to a sortable list with some items.

What should happen:

When moving the items up/down the list it should reorder the datasource "Columns" so that the order reflects what is on the screen (as this will be saved back at some point)

When reordering the items the vm list is the correct size and in the correct order but the templating is adding a "phantom/duplicate" item on the screen. Is this by design or am I doing something wrong.

If you press the x to remove items from the datasource this again is updating correctly but as soon as there is an interaction with moving items around the collection it will add these duplicate items to the screen.

Any advice on how I can resolve this?

MVVM

answered on 22 Jun 2018

1 answer

101 views

destroy vs hide vs empty

i have multiple charts,i need to show and hide them,but the problem is once its hidden,when i want to show it with new data,first it shows the hidden data and then updates with new one

Charts

answered on 22 Jun 2018

1 answer

294 views

Load 50k records with dynamic grouping

Hi,
I am trying to load 50k records on my Kendo UI grid in MVC application, but getting performance issues and sometimes error as well. I also need to provide drag and drop grouping feature with the total of few columns, according to grouping selected.
I also need the multi-select filter with all above functionality, need it to work like a magic too, without taking a lot of time

Your help is much appreciated.

Thanks

Grid

answered on 21 Jun 2018

3 answers

1.5K+ views

Input box initial focus

I try to set focus to an input textbox in Kendo Window when the Window is opened, it set the focus then the focus is lost immediately. It was working before until recently. See code below:

<div id="w">
<input id="t" />
</div>

var win = $('#w').kendoWindow({
title: 'Test',
visible: false
}).data('kendoWindow');
win.center().open();
$('#t').select();

Window

answered on 21 Jun 2018

2 answers

280 views

hide Filtered values

is it possible hide unselected items in filter popup dialogue of each column of spreadsheet control?
Basically, we need this works like Excel.

Please check link out to see what I need:
https://www.screencast.com/t/doeRvn0ayl8a

Spreadsheet

answered on 21 Jun 2018

7 answers

1.8K+ views

how to return a value (from async call) to a grid's cell template?

Trying to pass a value from an async call back to a grid column cell template. Obviously returning a value from an async call can be difficult. How do I get a result back into the kendo grid cell?

....
field: "PTORecorded",
title: "PTO Recorded",
template: function (data){
getData(data).done(handleData);
}

},

----

function getData(data) {

var person = data.Person;

return $.ajax({

url : url + person,

type: 'GET',

headers: {

"Accept": "application/json; odata=verbose"

},

});

}

function handleData(data) {

var ptoArray = [];

$.each(data.d.results, function (index, item) {

if (item.PTOValue != null) {

var _item = item.PTOValue;

ptoArray.push(_item);

}

});

var ptoRecorded = 0;

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

ptoRecorded += ptoArray[i] << 0;

return ptoRecorded;

}

I'm basically trying to call a remote datasource, filtering it via a value in the grid row (data.Person), calculating a returned value, and passing it back to a grid cell template. How do I get that async call to pass a value back to the grid? I know the async call presents a problem. Suggestions?

Grid

answered on 21 Jun 2018

2 answers

218 views

updated NPM theme download

I'm trying to update my node_modules with the latest default theme .scss files but the most recent build on npmjs hasn't been updated to include styles for dropdowntree, chat, etc.

npm install @progress/kendo-theme-default

I know the kendo theme github moved to a monolith-repo. Is there an updated NPM package?

General Discussions

answered on 20 Jun 2018