Telerik Forums
Kendo UI for jQuery Forum
23 answers
471 views

Here is a link to reproduce an issue - https://dojo.telerik.com/@WA_PMak/uNEVisOT

inPlaceSort property setted to true brakes sort if it used together with filter in virtualization mode.
Steps to reproduce:

  1. Set inPlaceSort=true, turn virtualiztion on.
  2. Set filter of City column to "not equals to "qwerty".
  3. Set First Name column order to asc.
  4. Set Last Name column order to asc.
  5. Scroll till grid loads next virtual page.

    Actual result: setted sorting and filtering brakes - data in unordered state
    Expected result: data keeps it order and filtering states. 
Petr
Top achievements
Rank 1
 answered on 27 Mar 2018
3 answers
1.5K+ views

Hi.

I change the type of the input element to "number" from "text" because I want to display a numeric input keyboard with a smart device.

However, I noticed that I can not enter negative values more than 10 digits from the PC keyboard..

Can I enter a negative value?

https://dojo.telerik.com/ACAquqIL

Konstantin Dikov
Telerik team
 answered on 27 Mar 2018
3 answers
481 views

I have a spreadsheet with a remote datasource, linked via the .read() function of the datasource.

I would like to add a formula to a specific cell on each row (over 5000 rows).The cell config is called "pageWeightValue". The datasource.data() method is an array on my objects, where each object has an attribute called pageWeightValue. Is there a way to set the value in the array to the formula. The column is set to type string, but the formula is not applied as a formula, but rather an actual string. Ie for each record in my array I do object.pageWeightValue = '=sum(A1:A4)' (the letter changes dependant on the row number). However in the cell I set the exact string, rather than the formula result.

Thanks!

Marc

Veselin Tsvetanov
Telerik team
 answered on 27 Mar 2018
1 answer
482 views

I have a ASP.NET WebAPI service that returns a list of resources 50 at a time.  I have over a million records and cannot return all rows at once.  I would like to use the Kendo UI Grid (latest jQuery version) with virtual scrolling enabled.  I do not want people to have to hit next, next, next in order to see more data. 

I am stuck at how to implement this.  Is there an example of virtual scrolling with a server-paged datasource?  I believe I need a custom transport method and could really use an example to get me started.

Thank you,
Alex

Stefan
Telerik team
 answered on 27 Mar 2018
4 answers
491 views

Hello,
I use the following code to format the text if it is too long.

function createShape(options) {
    var shapeOptions = {
        editable: false,
        selectable: false,
        id: options.id,
        x: options.positionX || 0,
        y: options.positionY || 0,
        width: options.width || 200,
        height: options.height || 50,
        type: options.type,
        path: options.path || undefined,
        content: {
            text: options.textData || undefined,
            color: '#fff',
            fontSize: 15
        },
        fill: options.fillColor || '#0088CC',
        stroke: options.strokeColor || '#0088CC',
    };
   
    var shape = new kendo.dataviz.diagram.Shape(shapeOptions);
    var texts = options.textData.split(" ");
    for (var i = 0; i < texts.length; i++) {
        shape.visual.append(new kendo.dataviz.diagram.TextBlock({
            text: texts[i],
            color: "#fff"
        }));
    }
    shape.visual.reflow();
    
    return shape;
}

I would like to be able to use the method : reflow() afterwards; so that the words of the text place this correctly.  Can you tell me how to do that? Thank you for your help.


François
Top achievements
Rank 1
 answered on 27 Mar 2018
4 answers
1.3K+ views
Whenever a kendo grid row is reordered using drag and drop functionality, checkbox selections are not retained. The grid is reset to default. How can the checkbox selections be retained?
Tsvetina
Telerik team
 answered on 26 Mar 2018
3 answers
242 views

Hello,

 

I have a treeview that implements load on demand which is working fine for me. I use the treeview.append() method to append children of the given node.

But strangely, in some scenarios the checkbox behaviour is not proper. I have set checkChildren: true in my code.

 

A scenario to reproduce this is,

 

check a node in the root level of the tree.

Expand two levels down in the tree.

Uncheck the root level node.

Expand some other node at level two belonging to the root level node unchecked in previous step,

the nodes still seem to be checked even though their parent node is unchecked.

 

Any help in this regard would be higly appreciated.

 

Thanks,

Niranjan

Dimitar
Telerik team
 answered on 26 Mar 2018
6 answers
1.1K+ views

Hi,

We are currently evaluating the Kendo UI javascript Grid. We`d like  to bind it to a datasource populated from a remote rest service. The json returned will be similar to the json at the bottom of this post. We would like the grid to bind to the stock array but not the summary but would like the summary accessible from the datasource.

I`ve tried calling the rest service from jquery then populating the datasource using the array but this seems slower then binding the datasource to the rest service directly.

Below is an example of what we`d like to do

Many thanks

Darran

var dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "/warehouse/report",
                    dataType: "json"
                }
            },
            schema: {
                data: "breaks",
                total: function(response) {
                    return $(response.breaks).length;
                }
            },
            groupable: true,
            sortable: true,
            pageSize: 100,
            page:1
        });
 
 
$(gridId).kendoGrid({
            dataSource: dataSource.breaks, //How do we bind to the breaks only???
            selectable: "multiple cell",
            allowCopy: true,
            columns: columnDefinitions(),
            columnMenu: true,
            filterable: true,
            sortable: {
                mode: "single",
                allowUnsort: false
            },
            pageable: {
                refresh: true,
                pageSizes: true,
                buttonCount: 5
            },
            groupable: true
        });

Example Json:

{summary{colour:red,size:10},
   stock:[{name:"name1",type:"type1"},
          {name:"name2",type:"type2"},
          {name:"name3",type:"type3"}
]}

Boyan Dimitrov
Telerik team
 answered on 26 Mar 2018
4 answers
344 views
Hi,

I had a question about Splitter. Is it possible to create a splitter dynamically - I know that in theory this is possible.

But I wanted to find out about performance, and any other issues there may be.

Thanks

Uma
Svet
Telerik team
 answered on 26 Mar 2018
6 answers
1.3K+ views

Hello

I've just upgraded from KendoUI v2017.3.913 to KendoUI v2018.1.221 and had some not nice visual changes in kendoDialog and kendoConfirm.

See attachment:
- KendoUI v2017_3_13.png : How it was and how I would like to have it again
- KendoUI v2018_1_221.png : Screwed up in latest KendoUI version

Two unwanted things in latest release:
1. Pressed button, ignoring content
2. Unwanted grey bar at the bottom of the dialog (same bar with title activated)

-> I have the exactly same problem in kendoDialog and kendoConfirm.

To point 1:
Of course it works in your widget samples, so I made a standalone sample (outside from my project). The button appears but is not fully visible. I have the fully working code here:

<!DOCTYPE html>
<html lang="en">
 
    <head>
        <meta charset="UTF-8">
        <!-- Telerik Framework -->
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.common.min.css" />
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.blueopal.min.css" />
        <script src="http://kendo.cdn.telerik.com/2018.1.221/js/jquery.min.js"></script>
        <script src="http://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"></script>
 
        <!-- Font Awesome -->
        <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
 
        <style type="text/css">
 
            .green {
                color: #208e14;
            }
 
        </style>
 
        <script>
            $(document).ready(function() {
 
                $("#dialog").kendoDialog({
                    title: false,
                    width: 900,
                    height: 400,
                    closable: false,
                    buttonLayout: "normal",
                    actions: [{
                        text: "<i class='fas fa-check green' style='font-size: 18px; width: 30px;'></i>",
                        action: function(e){
                            // e.sender is a reference to the dialog widget object
                            alert("OK action was clicked");
                            // Returning false will prevent the closing of the dialog
                            return true;
                        },
                    }]
                });
 
            });
 
        </script>
 
    </head>
 
    <body>
        <div id="dialog"></div>
    </body>
</html>

 

The fact the button is pressed in my project is a problem I have to find but I don't understand why the button is not centered/fully visible in the code above.

 

To point 2 (grey bar):

I've checked the API documentation of kendoDialog and kendoConfirm how to get rid off that grey bar but couldn't find something. If I wanted a grey bar I would place it by myself. So I don't understand why Telerik changed the layout that way

The question here is: How can I get rid off that unwanted grey bar at the bottom (probably same way as on top with active title).

Regards

 

 

 

Tayger
Top achievements
Rank 1
Iron
Iron
 answered on 24 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
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?