Telerik Forums
Kendo UI for jQuery Forum
1 answer
551 views

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

 

Dimo
Telerik team
 answered on 16 May 2016
1 answer
151 views

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

 

 

Konstantin Dikov
Telerik team
 answered on 16 May 2016
4 answers
148 views

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?

 

Alex Gyoshev
Telerik team
 answered on 16 May 2016
3 answers
134 views

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);
        })
    )
)

 

Derek
Top achievements
Rank 1
 answered on 16 May 2016
1 answer
245 views

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);


Stefan
Telerik team
 answered on 16 May 2016
1 answer
509 views

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?

Stefan
Telerik team
 answered on 16 May 2016
1 answer
127 views

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? 

Petyo
Telerik team
 answered on 16 May 2016
5 answers
352 views

Hi,

Is it possible to get series data to render on top of other series data (instead of beside) in the rangeColumn chart type?

I've been trying to do this in the Kendo UI DOjo without success: http://dojo.telerik.com/ANiye

This is the kind of result that I'm looking for: http://jsbin.com/wetatu/1/edit?js,output (this is functionality that highcharts supports).

Thanks,

Ciaran O'Neill

Iliana Dyankova
Telerik team
 answered on 16 May 2016
3 answers
278 views
Hello,

I have a massive amount of data on the server side, which I do not want to be all loaded into the Gantt at once.
Is it possible to do paging like in a grid? Or infinite scrolling (i.e. data expands as the user scrolls down).

Thanks.
Bozhidar
Telerik team
 answered on 16 May 2016
1 answer
251 views

I have grid with X number of rows. Whenever i the grid is bound with a dataset,  i need to make sure that the records present in Grid should be removed and add only records from data set 

For eg: if ID 102  is already present in grid as well as it is present in new result set, while adding additional details, grid should remove 102 and add it from the new result set. 

I wrote the below code to do this . but this is very performance inefficient, when i have 100 records in the grid and new result set adds another 100 records, this is hanging the page. 

Please help. 

                var gridExistingData = datasource.data();
                        $.grep(gridExistingData, function (d) {
                            if (resultData.length > 0) {
                                if (d != null && d.AssetID == resultData[i].AssetID) {
                                    gridExistingData.remove(d);
                                }
                            }
                        });

Please suggest if there is any alternative process to achieve this

Kiril Nikolov
Telerik team
 answered on 14 May 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?