Questions on Kendo UI for jQuery Forum

2 answers

126 views

Kendo spreadsheet content gets cleared on postback

I have a Kendo UI spreadsheet put in a aspx page. We do a Copy paste data from Excel sheet into Kendo Spreadsheet and validate/save content into database on a button click. Problem is, the copy pasted content in spreadsheet gets cleared once when page does a postback. How do I retain the content on postback?

Spreadsheet

answered on 21 Dec 2016

8 answers

395 views

Locked Columns move around in Kendo Grid

I have a kendo grid with 30 colums and the first two columns are locked. When I scroll to the very bottom of the grid and then to the far right (horizontally), the data that displays at the top of the grid is now showing at the bottom of the grid, but only for the locked columns. If I unlock the columns, everything functions as expected. I'm using version 2015.3.930

Grid

answered on 21 Dec 2016

4 answers

197 views

[Solved] Window Custom Icon

Hi, I've added some custom icons as specified in your docs. I have added this icon .k-i-arrow-n.

However, some content inside my window also has that class (Kendo Dropdowns).

I have added a function to this class using the demo in your docs - window.wrapper.find(".k-i-arrow-n").click(function (e) { - but this function runs when I click the dropdown buttons as well.

Is there a way to resolve this please?

Window

answered on 21 Dec 2016

1 answer

782 views

Unable to export div with overflow property to pdf

Hi,

I'm trying to follow this example, http://dojo.telerik.com/awEvi/2 to export html content to pdf. The original example works but when I modified the div to something like this to contain overflow properties,

<div class="demo-section k-content export-app wide hidden-on-narrow">

<div id="Test" style="width:100vw;height:20vw;overflow-y:auto;overflow-x:auto">

<div class="demo-section content-wrapper wide">

<div class="demo-section charts-wrapper wide">

<div id="users"></div>

<div id="applications"></div>

<div id="referrals"></div>

</div>

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

<div id="myDiv" style="height:100vw;width:5vw;background:red"></div>

</div>

and setting the selector to Test :

$(".export-pdf").click(function() {

// Convert the DOM element to a drawing using kendo.drawing.drawDOM

kendo.drawing.drawDOM($("#Test"))

.then(function(group) {

// Render the result as a PDF file

return kendo.drawing.exportPDF(group, {

paperSize: "auto",

margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }

});

})

.done(function(data) {

// Save the PDF file

kendo.saveAs({

dataURI: data,

fileName: "HR-Dashboard.pdf",

proxyURL: "//demos.telerik.com/kendo-ui/service/export"

});

the content becomes clipped as shown in the attached image.

Is there any way in which I could export the content within the div without having it clipped?

Best Regards,

CH

Drawing API

answered on 20 Dec 2016

1 answer

123 views

Updating a datasource using Angular 1.5

I am developing an angular 1.5 app and using the Kendo panelbar component.

The panelbar does not support the angular ng-repeat directive and requires that the developer use a Kendo DataSource component to store the model data.

Simply stated, I want to update the panelbar's underlying data model and expect the changes to be automatically rendered in the panelbar like a normal angular app.

When you update a datasource that is attached to a panelbar the change is not rendered when you just update the underlying datasource. I then tried using the kendo.datasource insert method, but again I added data to the model (or datasource component) and it was not rendered. I then tried to insert new data into my model and call the panelbar.expand(byId), the expand never opens the branch. I've tried a number of other work arounds with only partial success.

What I need is the proper way to dynamically update a panelbar's data model and see the new data rendered (preferably not using jQuery and is more angular-like, but anyway I can get this to work is fine).

thanks in advance for your help....

PanelBar

answered on 20 Dec 2016

5 answers

1.4K+ views

[Solved] Kendo Spinner Over Window

Hi, I have a Kendo spinner shown over a window component, however, when the window has a lot of content and has a vertical scrollbar, the spinner only covers the original size of the window and not the scrolled content. Is there an easy fix?

General Discussions

answered on 20 Dec 2016

1 answer

5.0K+ views

Dynamic change cell background

Hi,

I have a issue when to change the cell background dynamic, please refer to attach screenshot, below is the detail.

1, The PartNo, Spec, CmdtyCode are editable field, and they are colored as orange, and there is no color for other un-editable fields.

2, What I want is if the PartNo is blank, then set the CmdtyCode, Spec as editable and orange. If PartNo is not blank, then set the CmdtyCode, Spec as un-editable and not set color.

Now I can changed cell background and edit status normal. But if I lock the CmdtyCode field and other fields, I cannot get the correct index of locked editable field, is there any one can help me?

Grid

answered on 20 Dec 2016

11 answers

464 views

RequestEnd event not firing in IE 11

I have an application that includes a Grid with a DataSource that has a method attached to the RequestEnd event (code below). This works perfectly with Chrome, Firefox, and Edge. However, the RequestEnd event is never raised when IE 11 is used. Why is this and how can it be resolved?

@(Html.Kendo().Grid<MVCTimesheetApplication.Models.Timesheet>()

.Name("timesheetGrid")

.TableHtmlAttributes(new { style = "table-layout: fixed; " })

.Columns(columns =>

{

// columns set up here...

})

.Navigatable()

.Editable(editable =>

{

editable.DisplayDeleteConfirmation(false);

editable.Mode(GridEditMode.InCell);

})

.DataSource(dataSource => dataSource

.Ajax()

.Aggregates(aggregates =>

{

//aggregates configured here...

})

.Batch(true)

.ServerOperation(false)

.Events(events => events.Error("timesheetGrid_error_handler"))

.Events(events => events.Change("timesheetGrid_change"))

.Events(events => events.RequestEnd("timesheetGrid_requestEnd"))

.Model(model => model.Id(t => t.rowId))

.Create(create => create.Action("Index_Create", "Home").Data("getCreateParams"))

.Destroy(destroy => destroy.Action("Index_Delete", "Home").Data("getUpdateParams"))

.Read(read => read.Action("Index_Read", "Home").Data("getReadParams"))

.Update(update => update.Action("Index_Update", "Home").Data("getUpdateParams")

)

.Events(events => events.DataBound("timesheetGrid_databound"))

)

Thanks

Grid

answered on 20 Dec 2016

4 answers

251 views

Grid filter menu hides on input hover

Here's example: http://dojo.telerik.com/EhijI
When I open column menu, hover filter, and then hover input, filter menu is closing. Is this a bug? Why this happens? Is there any way to escape this strange behavior?

Grid

answered on 20 Dec 2016

5 answers

204 views

Supported Properties for Menu

I have been looking at the example for creating a menu from a JSON object and haven't found a list of supported properties.

http://docs.telerik.com/KENDO-UI/web/menu/overview#initialize-the-menu-using-json-data-object

They list several in the example, but is that a complete list? On the URL for example is there a way of having it open in a new window (target="_blank") vs. a redirect?

I would also like to be able to assign a javascript function to a click even, and have seen on click used in different examples, but is it supported for JSON.

Overall I have found a lot of examples and information of item manipulation, but very little on getting it to do what you want when you click it. I don't really want to have a nightmare of a switch statement in the on select event.

Thanks

Randy

Menu

answered on 20 Dec 2016