Telerik Forums
Kendo UI for jQuery Forum
3 answers
265 views

Hello,

I have noticed a bad performance issue with the export mechanism of a SpreadSheet, more precisely with the ".toJSON()" function.

If I have, for example, a Workbook with 1 Sheet which has 5000 rows and 5000 columns, and you call ".toJSON()" on that sheet, it will take around 1 minute to process it, even if the sheet is empty (for 10000 rows and 10000 columns it takes around 4 minutes). The main issue is that when data is collected to be exported it iterates over all columns and rows even if they do not have any data.

Can there be made a fix in which the iteration is only made over the cells / property bags that actually have any data?

Here is an example with 5000 rows and columns which it will take around 1 minute to export the data: https://dojo.telerik.com/iYenOJoq/2

Thank you!

Veselin Tsvetanov
Telerik team
 answered on 09 Mar 2018
3 answers
268 views

Hi i am using kendo jquery editor in my angular 4 application, but output is not as expected. following is my code and output file screenshot is attached below

*app.module.ts*

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FilterPipe} from './filter.pipe';
import { Pipe, PipeTransform } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {HttpModule} from '@angular/http';
import '@progress/kendo-ui';

import { AppComponent } from './app.component';

@NgModule({
declarations: [
AppComponent,
FilterPipe
],
imports: [
BrowserModule,
FormsModule,
HttpModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

*app.component.ts*

import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

declare var kendo: any;

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit, AfterViewInit{

@ViewChild('editor') htmlEditor: ElementRef;
encodedStr: any;

ngOnInit() {}

ngAfterViewInit() {
kendo
.jQuery(this.htmlEditor.nativeElement)
.kendoEditor({
resizable: {
content: true,
toolbar: true
}
});
}
}

*app.component.html*

<div id="example">
<textarea #editor rows="10" cols="30" style="height:440px;widhth 100%" aria-label="editor" >
&lt;p&gt;&lt;img src=&quot;../content/web/editor/kendo-ui-web.png&quot; alt=&quot;Editor for ASP.NET MVC logo&quot; style=&quot;display:block;margin-left:auto;margin-right:auto;&quot; /&gt;&lt;/p&gt;
&lt;p&gt;
Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.&lt;br /&gt;
In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
and image handling. The widget &lt;strong&gt;outputs identical HTML&lt;/strong&gt; across all major browsers, follows
accessibility standards and provides API for content manipulation.
&lt;/p&gt;
&lt;p&gt;Features include:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Text formatting &amp; alignment&lt;/li&gt;
&lt;li&gt;Bulleted and numbered lists&lt;/li&gt;
&lt;li&gt;Hyperlink and image dialogs&lt;/li&gt;
&lt;li&gt;Cross-browser support&lt;/li&gt;
&lt;li&gt;Identical HTML output across browsers&lt;/li&gt;
&lt;li&gt;Gracefully degrades to a &lt;code&gt;textarea&lt;/code&gt; when JavaScript is turned off&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;
Read &lt;a href=&quot;http://docs.telerik.com/kendo-ui&quot;&gt;more details&lt;/a&gt; or send us your
&lt;a href=&quot;http://www.telerik.com/forums/&quot;&gt;feedback&lt;/a&gt;!
&lt;/p&gt;
</textarea>

<button (click)="getData(editor.value)">GetData</button>

</div>

Dimiter Topalov
Telerik team
 answered on 08 Mar 2018
1 answer
22.3K+ views
I want to enable/disable menu items based on whether there are any rows in the grid.  How do I find if there are any rows?
Stefan
Telerik team
 answered on 08 Mar 2018
2 answers
10.2K+ views
what could be the best way to get all the models in a grid (including the rows that are not edited)

thanks 
ajeesh
Konstantin Dikov
Telerik team
 answered on 08 Mar 2018
1 answer
114 views

Hello,

I am trying to create a custom MVVM widget. I noticed that when my widget is bound and the "visible" binding is declared -- this error logs in the console:

typeError: cannot read property '0' of undefined. 

 

I have created a dojo from an example provided in your tutorial on how to build a custom widget and am able to reproduce:

https://dojo.telerik.com/ayaQEsaV

 

Please advise.

Bozhidar
Telerik team
 answered on 07 Mar 2018
5 answers
276 views

Hi Guys,

.kendoMenu({dataSource: menuItems}); menuItems is JSON from the controller.

In my C# code, I have the property as Text (capital 'T'), but KendoUI expects a small 't'. I don't want to have properties in my C# starting with small letters. How do I tell Kendo that it should look for 'Text' rather than 'text'?

Thanks,

Andrei

 

Plamen
Telerik team
 answered on 07 Mar 2018
1 answer
1.4K+ views

Hi,

I am having a requirement for conditional cell colouring in Kendo UI grid and user should be able to extract the same coloured cells in excel using Kendo Export to Excel feature.

Please refer the attached screenshot in which I need to colour based on following conditions

1) Colour the entire Order ID column with Gray background

2) Colour Green and yellow background for the selected country and state in Ship Country and Ship city respectively 

3) Mark Red colour for those columns where Freight is less than 25

So, I am looking for a way through achieve this conditional colouring in export to excel as well, i.e. by clicking on export to excel user can download the excel with all these cells coloured. 

Can you please assist me in achieving this.

 

Stefan
Telerik team
 answered on 07 Mar 2018
8 answers
2.0K+ views

I need to be able to restrict the allowed files types in the upload widget. I see there's some old threads on this (here and here), but any links to examples are dead now.

Ideally I would be able to pull a list of allowed file types from our DB to be used with the uploader, but if it has to be a static list, that would work as well.

Veselin Tsvetanov
Telerik team
 answered on 06 Mar 2018
1 answer
6.1K+ views
I started to write my first app with Kendo UI. Most of the work will be done on the Kendo Grid by filtering, sorting and manipulating values.

The grid itself seems to be pretty powerful and suits my needs quite well. However, it looks like I am not able to fulfill all my filtering needs using the regular built-in filtering functions.

For instance: I need to be able to filter all the items from a column having some special characters in them. Special characters are input by the user via k-textbox.

I already wrote a JS function that returns true/false depending on whether the given string contains any of the special character present in the k-textbox. 

How could I bind this function as a filter operator for column filtering? I would like to have it on the client side so that I don’t need to send data back and forth all the time. I tried searching for solutions from the forum and the web in general, but I am still a bit lost.

It would be neat if I could use it as a string filter operator like the built-in filters, something like this:

filterable: {
    operators: {
        string: {
            contains: "Contains",
            eq: "Is equal to",
            special:"Contains special characters",
        }
    }
},

Any ideas and help are welcome. Thank you!
Stefan
Telerik team
 answered on 06 Mar 2018
1 answer
294 views

I created a .css file from http://themebuilder.telerik.com/aspnet-mvc based on Bootstrap 4.  When I downloaded it, I noticed that the 'WebComponentsIcons' WOFF is now embedded as base64.  GREAT!

 

However, often when I refresh my browser (F5), the sort, filter, paging icons do not render properly and give me ugly ASCII chars (please see attached).

 

Telerik UI for ASP.NET MVC R1 2018 (2018.1.221)

Chrome 64.0.3282.186

Internet Explorer 11.0.9600.18861

Stefan
Telerik team
 answered on 06 Mar 2018
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
Application
Map
Drag and Drop
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
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
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
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?