Telerik Forums
Kendo UI for jQuery Forum
1 answer
380 views

Hi 

When I add lock to my first column, a horizontal scroll get added from the second column. that is expected behaviour.

Though when I remove some column from the Grid, the total width of Grid does not reduce according to remaining column, instead it remain static as before.

If someone want to replicate the issue they can use below example and following replication steps.
http://dojo.telerik.com/arEHa
1. make first column locked.

2. start removing column from last.

3. analyse the width of Grid whether reduced or not.

4.unlock first column.

5. repeat step 1-3 and see result.

can someone suggest a solution with both feature enabled, first column locked and total grid width should reduce with removal of column.

Thanks

Dimiter Topalov
Telerik team
 answered on 10 May 2016
1 answer
75 views

How to show cursor:col-resize icon when mouse over on grid column border.

Condition is set grid transform scale below 1

Example:

transform: scale(.90);

Using above scenario, cursor wont display 

 

 

 

Iliana Dyankova
Telerik team
 answered on 10 May 2016
1 answer
170 views

I've been playing with overwriting the adomd command text and came across an odd bug with the pivotgrid/datasource.

I've made a dojo example here that reproduces the issue.  Clicking the button triggers:

$("#pivotgrid").data("kendoPivotGrid").dataSource.read();

If the rows are not expanded, the function call works fine.  But after expanding the row data (All Geographies) to show Abingdon, Albany, etc..triggering the read function again causes a javascript exception in kendo.all.min.js (dataItem is undefined).

Is there a way to resolve this issue?

Georgi Krustev
Telerik team
 answered on 10 May 2016
12 answers
2.3K+ views

I have 1000+ data to show in a dropdown list  on web page, but when I after bind data to this controll ,it will crush and waits a long time to show my result. how could I fix this issue.

 

Georgi Krustev
Telerik team
 answered on 10 May 2016
5 answers
984 views
I have a Grid, when users click a button, it gets some parameters and refresh datasource:

var grdUP = $("#weblogGrid").data("kendoGrid");
grdUP.dataSource.transport.options.read.url = url; // new url
 
//Read data source to update
grdUP.dataSource.read();

it works fine. the new data shows in the grid. And the grid has another button, which will export the data to excel. I'm using below code (also tried the built-in button):
var grid = $("#weblogGrid").data("kendoGrid");
grid.saveAsExcel();

it actually exports the data to excel file. 

However, it always exports the initial data in the grid, not the data user refreshed.

For example, when the grid first shows up, it has 10 rows data. After refresh, it has 5 rows data. Now, if export, it still exports 10 rows data although the data in grid is different.

Is this a Bug? or, maybe I did something wrong in refresh grid?


Thanks


Kiril Nikolov
Telerik team
 answered on 10 May 2016
1 answer
363 views

We have created a sample, which should support default column grouping, dynamic drag and drop column grouping with aggregate operations. The attached sample is not working with current code. It works fine after removing this part of code ",
                            group: {
                                field: "UnitsInStock",
                                dir: "asc"
                            }".

 

Let us know is it expected behaviour or not?

Nikolay Rusev
Telerik team
 answered on 10 May 2016
1 answer
1.1K+ views

I apologize if this has been asked already, but I have looked all over and found nothing. I am looking to see if there is a way to use the category label as a display value in a chart tooltip template. I have tried using the category property, but that really only seems usable in the use of a pie chart. In my case I am using a column chart that is being plotted by date. So when I use category in my tooltip, I get something like this: Tue Mar 01 2016 00:00:00 GMT-0600 (Central Standard Time). I can't just apply a date format to the category, because the charting code we have is being used generically, so the category will not always be a date. I would prefer to be able to just use the label on the category (Mar '16). Is that possible? Or is there some other available property to get the formatted value that is used on the axis? Or some other solution?

 

Template code:

tooltip: {
    visible: true,
    template: "#= series.name # - #= category #: #= value #"
},
    labels: {
        template: "#= value #"
    }

 

Current tooltip

Total Expenses by Period - Tue Mar 01 2016 00:00:00 GMT-0600 (Central Standard Time): $936,248.35

Desired tooltip

Total Expenses by Period - Mar '16: $936,248.35
Iliana Dyankova
Telerik team
 answered on 10 May 2016
3 answers
228 views

I'm having trouble getting date filtering to work. Apologies if this has been answered in another post; searched but didn't find anything that worked for me.

 

Here's what I have:

My data is JSON and looks like this:

[

{
        "Version": “Initial”,  
        "VersionDate": "2016-04-15T13:15:37Z",
},
{
        "Version": “Revision”,  
        "VersionDate": "2016-04-18T14:15:37Z",
    }

]

Here's my relevant grid setup:

$("#grid").kendoGrid({
    dataSource: {
                  transport: {
                        read: {
                              url: dataUrl //returns the JSON as seen above,

                        }
                  },
                  schema:  {
                        model: {
                              fields: {
                                    Version: { type: "string" },
                                    VersionDate: { type: "date" }
                            }
                       }
               } 
    columns: [                 
            field: "Version",
            title: "Version"
        }, {
            field: "VersionDate",
            title: "Date",
            format: "{0:MM/dd/yyyy}",
                filterable: {
                                ui: function(e) {
                                     element.kendoDatepicker({
                                          format: “MM/dd/yyyy”
                                     })
                               }
                }
        }
    ],
    filterable: true
    }
});

My issue:

The dates display in the desired format in the grid, e.g. 04/15/2016; and the filter ui allows me to choose dates with a datepicker in the same format. However, when I filter I get no results. I'm assuming this is because the filtering works on the original data which is a string and is not finding a match because of the different format. What do I need to do in order to get date filtering to work properly? Do I need to do a parse function in my schema set up or some combination of things?

Another note - if I set this up using grid row filtering, I get the following error in console and never see the no results message:

TypeError: n.toLowerCase is not a function

I assume again this has to do with the original data being a date in string format, just can't seem to find the correct set up option(s) to make filtering work.

Please let me know if I need to provide further information; screenshots, example file, etc.

Alan
Top achievements
Rank 1
 answered on 09 May 2016
1 answer
333 views

I have an issue in setting the fixed height to kendo grid. It wont load that fixed height on initial loading time. After that it will work properly.

To fix this I hooked the k-on-data-bound event and trying set the height as follows

kendoEvent.sender.k-grid-content.height(400);

But I am unable to get kendoEvent/grid in this event. Please provide the solution to fix this

Dimiter Topalov
Telerik team
 answered on 09 May 2016
1 answer
164 views

The documentation for `groupable.messages` seems incomplete.  http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-groupable.messages

I'm looking for a way to remove the field prefix from the grouped headers.

i.e., instead of saying "category: Beverages" to just say "Beverages"

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 09 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
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?