Questions on Kendo UI for jQuery Forum

5 answers

629 views

The KendoUI grid code in my application is like this:

<kendo-grid id="myGrid" options="mainGridOptions"><br> <kendoGridToolbarTemplate><br> <button kendoGridExcelCommand>Export to Excel</button><br> <kendo-grid-excel fileName="GridData.xlsx"><br> </kendo-grid-excel><br> </kendoGridToolbarTemplate><br> <div k-detail-template><br> <br> <kendo-tabstrip> Some DIVs and fields here </kendo-tabstrip><br> </div><br> <kendo-grid-excel fileName="Products.xlsx"></kendo-grid-excel><br> </kendo-grid>

The data source to this grid is attached on run-time. I am trying to make the Export to Excel button workable but it is not working. What am I doing wrong?

Grid

answered on 28 Jun 2018

7 answers

392 views

JSON data not binded to grid

Hello,

I have a simple question - how to bind data to grid. I have service that returns JSON data as this one.

01.<div id="example" class="k-content">

02. <div id="grid"></div>

03.

04. <script>

05. var test = [

06. {

07. "ID":1,

08. "ISIN (SML)":"test"

09. }

10. ]

11.

12.

13. $(document).ready(function() {

14. $("#grid").kendoGrid({

15. dataSource: {

16. data: test

17. }

18. });

19. });

20. </script>

21.</div>

Tried to bind it to grid, but it doesn't work. I know it is because of field "ISIN (SML)" name, and grid is trying to create property with this name. But how to do it? I can't change service I'm consuming. Data are dynamic and field name is the same as column name.

Regards
René

Grid

answered on 28 Jun 2018

3 answers

240 views

Kendo Mobile Switch not updating viewModel

When I use a checkbox it will update my view model no problem, but when I turn on data-role="switch" it no longer updates. Is there something I need to do differently.

MVVM

answered on 27 Jun 2018

1 answer

176 views

Scheduler jumps to top of the page

I have implemented a scheduler but after loading the scheduler data wherever inside the scheduler we click the widget jumps up. Is there a way to prevent this from happening.
I did find the issue in the common issue section. But the solution provided in it doesn't solve mine as I'm using a drag and create event so disabling the select is not a viable option for me.
In this example you can see that after clicking on run whenever we click inside the scheduler it jumps a little but in my application with huge volume of data the jump is very significant.
Is there a way to prevent this?

Scheduler

answered on 27 Jun 2018

7 answers

1.9K+ views

Combine MultiSelect with TreeView

Hi,
we will use the new kendo MultiSelect widget to select one or more products.
The data will be hierarchically structured (products groups and products themselves). The kendo TreeView widget would be perfect for this job.
Is there a way to combine these two widgets?

MultiSelect

answered on 27 Jun 2018

1 answer

246 views

[Solved] Reposition and always show scroll buttons

I would like to position both the scroll buttons for the tabstrip to the right (see screenshot) and let them always be visible. Any thoughts on whether this is possible and how to get that working?

Thanks,
Ron

TabStrip

answered on 27 Jun 2018

7 answers

1.0K+ views

[Solved] How to center k-icon?

Hello

After going through the Web Font Icons documentation I wanted to add an icon with no text to a mobile button:

CSS:

.km-search:after, .km-search:before {

content: "\e0e9";

font-size: 32px;

}

(considering proportions of 16 -> 32 -> 64, etc. as mentioned in documentation)

HTML:

<div id="searchmapheader" data-role="header">

<a id="foo" data-role="button" data-icon="search"></a>

</div>

The icon looks like the attachment (see screenshot1.png) : The icon is out of the defined button

On setting a width like 80px for the <a> tag looks like screenshot2.png : The icon is not centered at all

So I tried to center any text inside the <a> tag: text-align: center; -> will be ignored, so it looks still like screenshot2.png

Now I wonder how I can center the k-icon inside the mobile button?

Regards

Button (Mobile)

answered on 27 Jun 2018

1 answer

152 views

JQuery Editor Tools on Instantiation with TypeScript

I seem to be having an issue with the JQuery Editor and customizing the tools. If I just call $("#element").kendoEditor(); everything loads with the standard toolbar. However when I try to set it up with tools options like so: $("#element").kendoEditor({tools:["bold", "italic", "underline","createLink", "unlink"]}); I get the following error in the image. Any ideas?

Editor

answered on 27 Jun 2018

1 answer

250 views

image

Is there a way to set a background image for the diagram so that it will resize with the pan/zoom features? Or is there a way to place an image shape at the bottom layer?

Diagram

answered on 26 Jun 2018

6 answers

198 views

attach to error event for every datasource

Is there a way to attach to any datasource event error? Something like jquery.on method that attaches also to events for elements that are going to be added in the future.

So what I would like is to display to the user a popup message when an error appears, but I would not like to add to every datasource an event for errors, because I would like to avoid forgetting to add it to a datasource.

Data Source

answered on 26 Jun 2018