Telerik Forums
Kendo UI for jQuery Forum
1 answer
335 views

Hi,
I am trying to load 50k records on my Kendo UI grid in MVC application, but getting performance issues and sometimes error as well. I also need to provide drag and drop grouping feature with the total of few columns, according to grouping selected.
I also need the multi-select filter with all above functionality, need it to work like a magic too, without taking a lot of time

Your help is much appreciated.

Thanks

Stefan
Telerik team
 answered on 21 Jun 2018
3 answers
1.6K+ views
I try to set focus to an input textbox in Kendo Window when the Window is opened, it set the focus then the focus is lost immediately. It was working before until recently. See code below:

   <div id="w">        
        <input id="t" />
    </div>

 var win = $('#w').kendoWindow({
            title: 'Test',
            visible: false
        }).data('kendoWindow');
win.center().open();
$('#t').select();
Ivan Danchev
Telerik team
 answered on 21 Jun 2018
2 answers
302 views

is it possible hide unselected items in filter popup dialogue of each column of spreadsheet control?
Basically, we need this works like Excel.

Please check link out to see what I need:
https://www.screencast.com/t/doeRvn0ayl8a

Roger
Top achievements
Rank 1
 answered on 21 Jun 2018
7 answers
1.9K+ views
Trying to pass a value from an async call back to a grid column cell template.  Obviously returning a value from an async call can be difficult.  How do I get a result back into the kendo grid cell?

....
 field: "PTORecorded",  
           title: "PTO Recorded",
           template:  function (data){
getData(data).done(handleData);
}

},

----
function getData(data) {
 var person = data.Person;
    return $.ajax({
        url : url + person,
        type: 'GET',
        headers: {
         "Accept": "application/json; odata=verbose"
     },  
    });
}
function handleData(data) {
    var ptoArray = [];
     $.each(data.d.results, function (index, item) {
             if (item.PTOValue != null) {
                 var _item = item.PTOValue;
                 ptoArray.push(_item);
             }
         });
         var ptoRecorded = 0;
         for (var i = 0; i < ptoArray.length; i++) {
             ptoRecorded += ptoArray[i] << 0;
 
   return ptoRecorded;
    }
  }
I'm basically trying to call a remote datasource, filtering it via a value in the grid row (data.Person), calculating a returned value, and passing it back to a grid cell template.  How do I get that async call to pass a value back to the grid?  I know the async call presents a problem.  Suggestions?
Stefan
Telerik team
 answered on 21 Jun 2018
2 answers
241 views

I'm trying to update my node_modules with the latest default theme .scss files but the most recent build on npmjs hasn't been updated to include styles for dropdowntree, chat, etc.

    npm install @progress/kendo-theme-default

 

I know the kendo theme github moved to a monolith-repo.  Is there an updated NPM package?

Andrew
Top achievements
Rank 1
 answered on 20 Jun 2018
2 answers
372 views

Hello,

I am using MVC wrappers without Edit button (Add and Delete only). What is the better way to prevent to delete very last record in the grid? I could use command().hidden(bool) but have not figured out yet how to wire JavaScript function there.

Thanks.

@(Html.Kendo().Grid<WebApplication42.Models.Phone>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.PhoneID);
            columns.Bound(p => p.PhoneNumberInt);
            columns.Bound(p => p.PhoneNumberString);
            columns.Command(command => { command.Edit(); command.Destroy(); }).Width(250);
        })
        .ToolBar(toolbar => toolbar.Create())
        .Editable(editable => editable.Mode(GridEditMode.InLine).ConfirmDelete("Delete").DisplayDeleteConfirmation("Are you sure to delete?"))
        .Pageable()
        .Sortable()
        .Scrollable()
        .HtmlAttributes(new { style = "auto;" })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(20)
            .Model(model => model.Id(p => p.PhoneID))
            .Create(update => update.Action("EditingInline_Create", "Grid"))
            .Read(read => read.Action("EditingInline_Read", "Grid"))
            .Update(update => update.Action("EditingInline_Update", "Grid"))
            .Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
            .Events(e => e.Error("onPhoneError"))

        )
)

Andrey
Top achievements
Rank 1
Veteran
 answered on 20 Jun 2018
1 answer
258 views

I wondering if I've missed something, but how does one add headers to a table in the kendo Editor? 

Seems like such a basic requirement in order to produce acceptable HTML.

At the moment if I manually add the html <table><thead><th>Some header</th></thead><table> the editor shows it, but it seems that the add row tool throws an exception... And I cant see any option in the table wizard to add headers.

If I had to add a tool to toggle/insert a header row are there any examples I could follow?

As an aside this competing editor has very nice popup table tools, one of which is adding a header row, merge cells, etc:

https://www.froala.com/wysiwyg-editor/examples/table-styles 

Ianko
Telerik team
 answered on 20 Jun 2018
1 answer
223 views

To reproduce:

1. Go to https://demos.telerik.com/kendo-ui/editor/index

2. Insert a table using the table wizard. Set the background color to any color.

3. Go back into the table wizard. Set the background color to clear

Expected: the color from 2 is removed

Actual: The background color does not change

Ianko
Telerik team
 answered on 20 Jun 2018
1 answer
1.0K+ views

Kendo UI R2 2018

kendoTreeView has the select event to allow prevent selection, any equivalent for DropDownTree ?

Ivan Danchev
Telerik team
 answered on 19 Jun 2018
4 answers
915 views

We are using kendo with very large dataset.

We had issue with memory overflow with some data, and chrome crashed.

After investigation, we found that the "kendo.guid" function is the cause.

That function is called when creating observable data I think.

The memory leak is caused by the "+=" technique used to create the guid, as each += create a copy of the previous value. 

It performs very well, but each loop from 1 to 32 is causing that trouble.  And we sometimes raise the chrome RAM to 2.5 GB !!!

We changed the string to an array, and uses the "push" instead of +=.  Then, return that array.join(""). And it works perfectly, no more memory issue, with the same cpu performance and speed.

The situation where we got 2.5GB of ram used is now limited to 500MB, and is quickly going down to 100MB after the execution.

You can see the edited version there.

http://dojo.telerik.com/@foxontherock/EGEziVon/13

Just remove-add the underscore prefix to test it, hit Ctrl-Enter multiple times to repeat it, and use the "chrome task manager" to see the "javascript memory" used (you need to add that column).  You can also use the "trashcan" of the memory tab in chrome dev tools to force a garbage collection.

The edited version (guid1) is based on the "minified" version of kendo.web.js.

 

Veselin Tsvetanov
Telerik team
 answered on 19 Jun 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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?