Questions on Kendo UI for jQuery Forum

2 answers

340 views

[Solved] Setting Control Widths in Custom Popup Editor

I have not been successful in setting the control widths in a custom Grid popup editor template.

Can someone suggest how that is done? I have added custom .css and it is not changing anything.

Thanks,

Reid

Grid

answered on 16 May 2016

4 answers

122 views

[Solved] PDF export of div not working with latest update

Hello,

I noticed pdf exporting seems to have changed in Kendo 2016 Q2.

I'm trying to export the red box in this dojo: http://dojo.telerik.com/ACaDi/2

It throws an error, but it works OK if you change the library to 2016 Q1 SP3.

Is there something I should be doing differently here?

Thanks for your help.

-Jeff

Drawing API

answered on 16 May 2016

1 answer

539 views

Detecting minimize and un-minimize

I'm trying to get the Kendo window to behave like Windows - dive down to the bottom of the browser on minimize and restore in some visible position on restore. The first part isn't a problem - I trap the Minimize event, calculate the viewport dimensions and the window dimensions, and do a jQuery animate to move the now-minimized window where I want it.

The problem comes in when it restores. As we can see on http://demos.telerik.com/kendo-ui/window/events when we edit the code to handle minimize, only the first time the window is restored is there any event at all -- subsequent minimizes do pop a minimize event, but the second and further un-minimizes throw no event whatsoever.

I took a look at the approach given on http://www.telerik.com/forums/store-window-minimize-state where we can trap the click to the minimize button, and that looked promising. The drawback there is that we do it on mousedown for the button, and I can't figure out how to get the kendoWindow data() in a generic way from the mousedown event handler. I can find the DOM element, but it doesn't have any relation to the DIV where I hooked the kendoWindow. I figure that I need that widget in order to do the minimize() call so that I can then move the minimized (or un-minimized) window if I so desire.

Hope this makes sense. Any thoughts as to where I shoujld go from here?

Thanks.

-- Michael

Window

answered on 16 May 2016

1 answer

137 views

Kendo UI tab strip for MVC does not display SSRS report data

I am trying to embed an SSRS report inside a kendo tabstrip in an MVC 5 application. The report shows up but, it does not show any data after submitting the parameters. Here is my code:

@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Animation(animation =>
animation.Open(effect =>
effect.Fade(FadeDirection.In)))
.Items(tabstrip =>
{
tabstrip.Add().Text("Report Data")
.Selected(true)
.Content(@Html.Partial("HomeIntegrityReport").ToHtmlString());

tabstrip.Add().Text("Graphical Data")
.Content(@<text>
<div class="weather">

</div>
</text>);
})
)

Here is the Home Intergrity Report code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HomeIntegrityReport.aspx.cs" Inherits="NFO.Ontrac.Areas.PerformanceReports.Views.PeformanceReportsSSRS.HomeIntegrityReport" EnableEventValidation="false"%>
<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845DCD8080CC91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>

<!DOCTYPE html>

<html>
<head runat="server">
<title></title>
</head>
<body>
<form id="Form1" runat="server" >
<asp:ScriptManager runat="server"></asp:ScriptManager>
<div>
<rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Cambria"
Font-Size="8pt" Height="700px" ProcessingMode="Remote" Width="1160px"
ShowPageNavigationControls="True" AsyncRendering="false">
<ServerReport ReportPath="/Ontrac/CPE HHC Summary"
ReportServerUrl="reportServer/ReportServer/" />
</rsweb:ReportViewer>
</div>
</form>

</body>
</html>

Please let me know if additional information is needed.

Thanks

Ravali

TabStrip

answered on 16 May 2016

4 answers

139 views

Selecting many columns causes browser to become slow or unresponsive

With IE (and to a lesser extent also in Chrome) on Kendo UI v2016.1.412, if I click on a column header then extend the selection to many contiguous columns, the selection become slower and slower as I include more columns and sometimes this causes the page to become unresponsive.

This is more evident in more complex pages than the online sample (ie with more formulas, etc).

We noticed that selection of multiple columns triggers the onRender event (which we have NOT overridden in any way in our test code) every time a new col is selected.

Maybe that could be the issue?

Spreadsheet

answered on 16 May 2016

3 answers

111 views

[Solved] Title is "undefined" for task list with no summaries

Hi,

I have a simple list of tasks, and none of them are summary tasks. The titles of the tasks are displayed correctly in the bars in the calendar, but the title that appears in the task list is "undefined". I have attached a screenshot. My Razor view is enclosed below.

Is there a way to display the task title in the task list when there isn't a parent?

Derek

@(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>(this.Model.Tasks)

.Name("gantt")

.Columns(columns =>

{

columns.Bound(c => c.Id).Title("ID").Width(50);

columns.Bound(c => c.Title).Sortable(true);

})

.Editable(false)

.Views(views =>

{

views.WeekView(weekView => weekView.Selected(true));

})

.Height(700)

.DataSource(d => d

.Model(m =>

{

m.Id(f => f.Id);

m.ParentId(f => f.ParentId);

})

)

Gantt

answered on 16 May 2016

1 answer

233 views

[Solved] sheet.range.values function does not work on formula cells

Using the below code:

sheet.range("A2").formula("0");
sheet.range("A1:A3").values([[1],[2],[3]]);

I noticed that A2 is set to 0. I was expecting it to be set to 2. Is this expected or is it a bug?

Most likely, it is a bug since the below code sets all the range to 2 (including A2).

sheet.range("A2").formula("0");
sheet.range("A1:A3").value(2);

Spreadsheet

answered on 16 May 2016

1 answer

493 views

Populate Grid with Dropdown list not working

Hello,

I'm trying to populate a Kendo UI Grid column with a dropdown list. Both the dropdown list and the grid control get their data from an api that queries my database which delivers the data as json. I used the example for the Grid custom editor located at http://demos.telerik.com/kendo-ui/grid/editing-custom

Here is my HTML and Javascript:

<div id="workorderdetails">

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

<script>

$(document).ready(function() {

// create DatePicker from input HTML element

$("#datepicker").kendoDatePicker({

format: "dddd, MMMM d, yyyy"

});

$("#grid").kendoGrid({

dataSource: {

type: "json",

transport: {

read: "http://localhost:53786/api/workorder/1/workorderdetails"

},

schema: {

model: {

fields: {

WorkOrderID: { type: "number" },

Description: { type: "string" },

Quantity: { type: "number" },

ShortCode: { defaultValue: { PriceCodeID: 1436, ShortCode: "REF3" }

}

},

pageable: true,

height: 550,

toolbar: ["create"],

columns: [

{ field: "ShortCode", title: "Price Code", editor: shortcodeDropDownEditor },

{ field: "Description", title: "Description" },

{ field: "Quantity", title: "Quantity" },

{ command: "destroy", title: " ", width: "150px" }],

editable: true

}

});

function shortcodeDropDownEditor(container, options) {

$('<input required data-text-field="ShortCode" data-value-field="PriceCodeID" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

dataSource: {

type: "json",

transport: {

read: "http://localhost:53786/api/pricecodes/unique"

}

});

}

</script>

When I run the code the grid appears as a horizontal line (it literally looks like an <hr> that's about 2 pixels thick, or nothing appears at all. The JSON for the workorders is an empty set (there's no data in the database), but the JSON for the Price Codes returns about 1000 records. Even though the workorders are an empty set, the grid should still appear so that I can add new records to the database through the grid controls, but nothing appears. Where am I going wrong?

Grid

answered on 16 May 2016

1 answer

112 views

kendo.all works with require, but not kendo.core

Hello,

We’ve been using require to pull in Kendo DataSource for our Odata calls. We need to now use Odata V4 so we’re trying to update to the latest version. Since updating to version 2016.2.504 of kendo.core.min the kendo object is loaded, but the Kendo.data.DataSource object is missing. This is not an issue using kendo.all.min. I’ve noticed that not only is the DataSource object missing, but many others are too.

I’ve taken the second example here, http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-requirejs, and modified it to use version 2016.2.504 of kendo.core.min (http://dojo.telerik.com/ILAFO). You’ll notice that the error 'kendo.DropDownList is not a function’ is thrown even though DropDownList is one of the supported widgets of Kendo UI Core.

Is there something I'm doing wrong with how I load in core vs all?

General Discussions