Telerik Forums
Kendo UI for jQuery Forum
2 answers
169 views

Hi all.

I'm using Kendo UI Grid to present SharePoint list data inside a TabStrip in a standard page in Office 365 (so SharePoint online) and everything works nicely except Export to Excel does absolutely nothing. I've tried using the toolbar "Excel" feature and it does nothing and if I add a separate button as the below:

$("#btnExcelExportAll").kendoButton({
    click: function () {
        $("#allpropgrid").getKendoGrid().saveAsExcel();
    }
});

 

the page refreshes on click but nothing else happens. I've tried this in Firefox, Chrome and IE11 all on Windows 10 and no joy. Anyone got any suggestions? Am I missing some kind of pre-requisite?

Thanks in advance for any assistance.

PaulH
Top achievements
Rank 1
 answered on 08 Feb 2017
1 answer
54 views

My requirement is to show some specific events on top always however time does not matter for this event.

Like

Event1 - 02/02/2017 08:00

Event2 - 02/02/2017 10:00

Event3  - 02/02/2017 13:00

I want to show Event 3 on top always and it will be all day event.

Please help me on the same.

Nencho
Telerik team
 answered on 08 Feb 2017
1 answer
371 views

Hello. I have been having problems on the last couple of days regarding markers on maps. For my project we need that each time the user puts the mouse arrow over a marker a POST request is sent to the server. When the answer returns from the server we want:
- A tooltip to appear with part of the information received from the server response.
- The rest of the information from the response should appear in a table outside the map element.
You can see a working example (that uses a Google map element instead of a Kendo map) in:
http://89.18.174.74/maptest/

Even though Kendo map markers support tooltips, using them does not allow me to reproduce the intended behaviour due to several issues:
- No matter which way you use to specify the content (calling a local function, specifying a URL to get the content from, etc), the action to get the content is only executed once per marker. Even if the user is going back and forth between a clear area of the map and the same marker all the time, I need a POST request to be sent each time to the server since the answer might change.
- It is not possible for me to make the external table with data appear while the mouse is over one of the markers.
All of these could be very easily solved if I had access to events of mouseEnter/mouseLeave for map markers (like we have for shapes) that allowed me to show the tooltip and perform all the actions I wanted manually but, as far as I have dug, these are not available at the moment.
Any help would be greatly appreciated.

Boyan Dimitrov
Telerik team
 answered on 08 Feb 2017
3 answers
212 views

I've been looking at the licensed source distribution (2017.1.118, retrieved with bower), and had a couple questions/comments.

  • It looks like (aside from jquery) the third-party .js files that come with the minified release package aren't included?  This would be "angular", "jszip" and "pako_deflate".  It would seem that if working with source, one would have to check in the release package to see what was included there?  Might there be a case to include these somewhere in the source package, or perhaps a reference to the versions included with the release package?
  • The "kendo-ui/bower.json" file has the entry "version": "2016.3.1202" (not a public release?), although the js folder has the expected source code for "v2017.1.118".  Did this file just get missed for updating?  I don't think it causes a problem, although the "jquery" dependency has ">=1.9.1 <=2.1.1" and you may have intended this to be "<= 2.1.4" for the current 2.1.x release?
  • Don't forget to update your Javascript Prerequisites doc page to include table entries for 2017.1.118!  Also, Angular 1.6 was recently released; are there any notes on using it with Kendo?  BTW, one of your other Angular articles seems to suggest that the Bad Things that the Prerequisites page warns about with "ng-model" and 1.5 actually started with 1.4.9?  Perhaps the Prerequisites warning should be updated?  I notice the release packages bundles Angular 1.4.6; was there a reason to not include 1.4.7 or 1.4.8?
  • The release package has jQuery 1.12.3 - any reason this wasn't 1.12.4 (May 2016)?  The included "pako_deflate.js" is 1.0.1 - upstream is 1.0.4 and I notice that 1.0.2 "Fixed nasty bug in deflate ... which could cause broken data in some rare cases."
T. Tsonev
Telerik team
 answered on 07 Feb 2017
3 answers
229 views

I have grid working with a detail row. The following code does not fade in the row:

 function detailInit(e) {
 var detailRow = e.detailRow;
 debugger;
 detailRow.find(".grid").kendoGrid({
  animation: {
   open: { effects: "fadeIn" }
  }
 });
 }

 

Dimiter Topalov
Telerik team
 answered on 07 Feb 2017
1 answer
468 views

We've recently undertaken an upgrade from Kendo UI 2013.2.716 to 2016.3.1118 and we've noticed some issues for our drop down lists. Some of our scenarios call for drop down lists with empty ("[]") data sources until other operations cause them to be filled, or they remain hidden.

Upon changing versions we've noticed that upon the initWidget method being called for that drop down list, the data source is being parsed as a string ("[]") when previously it was being recognised as an empty array. Some investigation and comparison of the two versions led me to a particular regular expression that had changed between the versions in parseOption:

2013 - jsonFormatRegExp = /^\{(\d+)(:[^\}]+)?\}/

2016 - jsonFormatRegExp = /^\{(\d+)(:[^\}]+)?\}|^\[[A-Za-z_]*\]$/

In 2013 this was not matching the empty array "[]", causing the code path to return it from a function (well, an "evil") to the initWidget method - now that it's matching, however, it's passing the string value back which is causing errors later in the code with the [] being used in getter names. Is there another way we should be populating this field? How can we get this version to recognise this value as the empty array it was intended to be?

 <input class=" roadmap" data-option-label="Select" data-role="dropdownlist" data-source="[]" data-text-field="Text" data-value-field="Value" id="xxx" name="yyy" style="width:100%;" type="text" value="" />

Veselin Tsvetanov
Telerik team
 answered on 07 Feb 2017
2 answers
262 views
@(Html.Kendo().Grid<MyModel>()
        .DataSource(ds => ds
            .Custom()
            .Batch(false)
            .Schema(schema => schema.Parse(@<text>parseData</text>))
            .Transport(r => r.Read(c => c.Action("GetStuff", "MyController",
                new
                {
                     prop = Model.prop
                })
                .Data("getExtraData()").Type(HttpVerbs.Post)))
            .PageSize(1)
            .ServerPaging(true)
        )

 

The getExtraData() method runs the first time the grid is loaded. I want to refresh the grid later, so I use this c

$('#messagesgrid').data('kendoGrid').dataSource.read();
$('#messagesgrid').data('kendoGrid').refresh();

 

The method getExtraData() has changed, so when it refreshes I want it to call this method again to attach the data to my request. However the method does not run even though the grid is refreshed.

 

How can I make sure that it runs every time the grid is updated?

Viktor Tachev
Telerik team
 answered on 07 Feb 2017
6 answers
1.1K+ views

For batch mode (inCell editing), when a value is changed in a cell, is there an event that can be used where I can know what field changed and what the previous value was?

I asked about this several years ago, so I'm asking now again in 2017 hoping you have an answer.

Konstantin Dikov
Telerik team
 answered on 07 Feb 2017
1 answer
346 views

During user operations, we refresh the datasource contents and reload the treelist.  If our users have a row selected, we need to reselect that row.  If a child row was last selected, we need to expand its parent and select the child.  I've looked through the docs, but all it shows is how to select a row based on the index; I also see nothing on how to expand the parent of a child row.

You can see my code in this dojo:  http://dojo.telerik.com/epOQe/3

After running it, select a row and then click the Refresh button; the point is that the selected row should be selected after the refresh *and* if be visible (e.g., if it's a child node, the parent should be expanded as well).  The selected row remains selected, but if it's a child row, the parent row won't be expanded.  (I based this off the code found here.)

So my questions are thus:

1) Why won't the parent row expand?

2) Is there a way to automatically expand the parent when a child is selected?

Any guidance would be greatly appreciated!

Tsvetina
Telerik team
 answered on 07 Feb 2017
4 answers
1,000 views

Hi there,

I'm having a problem with Kendo Grid UI and setOptions. When I setOptions, hidden fields have an extra display:none attribute added. I've attached an image of my options variable (data.selectedGridState) compared with the the getOptions value directly after the setOptions command. I believe they should be identical. Could you advise?

My code looks like this:
var selectedGrid = $(jQuerySelectors.selectedMembersGrid).data("kendoGrid");
selectedGrid.setOptions(JSON.parse(data.selectedGridState));

Kind regards,
Karl

Karl
Top achievements
Rank 1
 answered on 07 Feb 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?