Telerik Forums
Kendo UI for jQuery Forum
5 answers
473 views
Hi, I'm trying to save grid on most user actions but the column reorder event seems to fire before the actual columns are reordered.  To accommodate this oddness I've added setTimeout around the saving of grid options.  Is this delay a known bug?


function saveUserAdministrationGridState(arg)
{
    if (isLocalStorageAvailable())
    {
        // column reordering firing delayed, so we must delay our saving of options
        setTimeout(function () {
            localStorage[customGridOptionsLocalStorageKey] = kendo.stringify(grid.getOptions());
        }, 5);
    }
}
Dimo
Telerik team
 answered on 29 Jun 2017
4 answers
639 views
Hi,
 I use  Kendo UI with Angularjs, I have a grid with datasource calling remote web api and wih just server paging active (in backend I have to call a third part web service with page parameter). I want to use sort and filter on client side. Sort on columns works excellent but when i change page and try to filter on a column value in that page (the second or more), the datasource call again my backend passing page=1 and not the page's number in which i use the filter. I have to build a more advanced filter on the page so i need that filter on columns works locally without changing the page. Sort call WS with the same page's number. A workaround could be passing the current page in a different parameter to the WS, eventually could you help me with that?

Thanks
Dimo
Telerik team
 answered on 29 Jun 2017
2 answers
196 views
When applying multiple "" filters, it only seems to apply the first one.
Thomas
Top achievements
Rank 1
 answered on 29 Jun 2017
1 answer
131 views

This appears to be a bug as the functionality is essentially broken. The validation editors including those shown in the demo, will appear offscreen and inaccessible if in the last visible column in a horizontally scrolling spreadsheet.

See dojo here.

Steps to reproduce:

  1. Create a spreadsheet that has a horizontal scroll.
  2. In the last column apply cells with validations and/or a custom editor.
  3. Render the spreadsheet and scroll to the right.
  4. Notice the editor buttons appear off-screen, there is no way to access them.

Expected result:
The buttons should appear on the left of the cell instead of the right if they are not accessible (that is, they fall on the last visible column).

Ivan Danchev
Telerik team
 answered on 28 Jun 2017
2 answers
575 views
When I select/drag multiple files at the same time and use removebyUid, removing any file from that group removes all the files in the group. how do I remove a single file from a group?
Ivan Danchev
Telerik team
 answered on 28 Jun 2017
10 answers
609 views

Hi

I have a spreadsheet component, with a datasource. I am exporting a dataset from the spreadsheet, changing it in Excel, and then reimporting it. After I import data, if the imported data has more records than the current dataset, the dataSource is not updated so when I save nothing happens.

In my save, I use dataSource.hasChanges to check if we have changes in the dataset. This is true, even if I have only added a record. However - dataSource.data().length is still the original size. I have tried with dataSource.sync(). Is there something I am missing?

Veselin Tsvetanov
Telerik team
 answered on 28 Jun 2017
1 answer
577 views
How do i move the progress status text so that it will be displayed over the colored part of the bar.  Also is there a way to display the max value of the bar?
Ianko
Telerik team
 answered on 28 Jun 2017
3 answers
898 views
I would like to hook into the process that gets data from the excel import and process the json before it gets posted to the spreadsheet.  Is this possible?
Veselin Tsvetanov
Telerik team
 answered on 28 Jun 2017
14 answers
714 views
After usage of a grid in our page all text selection is disabled.
you can test this out in "http://demos.telerik.com/kendo-ui/grid/selection" by trying to select the header after selecting a row in the grid.

step by step:
1 - open page.
2 - try select the text(for example the "Grid / Selection" header, with the mouse) - the text can be selected.
3 - click on some row in the grid.
4 - try select the text(for example the "Grid / Selection" header, with the mouse) - the text can NOT be selected. from this step NONE of the text in the page cannot be selected.
Patrick
Top achievements
Rank 1
 answered on 28 Jun 2017
2 answers
482 views

I have gone back and forth trying to track down an Excel export problem I have but to no avail. I have a page which loads a tabstrip and creates tabs dynamically based on data stored in an odata list - retrieved using a kendo datasource and I then loop through the data to create the tabs and populate the tabs with a grid each of which is connected to an odata source. Each grid has an export to excel toolbar button with specific export code to reformat parts of the export to replace footertemplate <span> tags to output totals in bold and things like that but whichever grid I press the export button on, it always exports the grid from the last tab. I've even added specific buttons on to each tab above the grid and made the code on the button click event call an onClick function to do the following:

function onClick(e) {
    var grid = '#' + e.event.target.id.replace('btnExcelExport', '').toLowerCase() + 'grid';
    $(grid).data("kendoGrid").saveAsExcel();
 
    return false;
}

 

I added an alert into the function above to display the "grid" variable and the name is correct but in each case it still exports the data from the grid on the last tab. I have checked the page carefully and each grid has a unique id so it's not an issue with that. Just in case it matters the export code in the grid is as follows:

excelExport: function (e) {
                        var sheet = e.workbook.sheets[0];
                        var cellValue = '';
 
                        for (var rowIndex = 0; rowIndex < sheet.rows.length; rowIndex++) {
                            var row = sheet.rows[rowIndex];
 
                            for (var i = 0; i < row.cells.length; i++) {
                                cellValue = row.cells[i].value;
                                if (cellValue === undefined) { }
                                else {
                                    if (typeof cellValue === 'string') {
                                        if (cellValue.indexOf("float:right") != -1) {
                                            row.cells[i].value = cellValue.replace("<span class='boldFont' style='float:right;'>", "").replace("</span>", "");
                                            row.cells[i].hAlign = "right";
                                            row.cells[i].bold = true;
                                        }
                                        else if (cellValue.indexOf("boldFont") != -1) {
                                            row.cells[i].value = cellValue.replace("<span class='boldFont'>", "").replace("</span>", "");
                                            row.cells[i].bold = true;
                                        }
                                    }
                                }
                            }
                        }
                    }

 

Any advice or suggestions?

Stefan
Telerik team
 answered on 28 Jun 2017
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?