Telerik Forums
Kendo UI for jQuery Forum
2 answers
364 views

I've implemented a DropDownList in a custom editor for a Grid column as follows.

                    $("#control").kendoGrid({
                        dataSource: controlDs,
                        editable: true,
                        saveChanges: function (e) {
                            if (!confirm("Are you sure you wish to save changes?")) {
                                e.preventDefault();
                            }
                        },
                        toolbar: ["save","cancel"],
                        sortable: true,
                        columns: [
                                {
                                    title: "Artifacts",
                                    headerAttributes: {
                                        style: "font-size: 10pt; font-weight: 600; text-align: center;"
                                    },
                                    columns: [
                                        {
                                            field: "family",
                                            editor: customDropDownEditor,
                                            headerAttributes: {
                                                style: "font-size: 10pt; font-weight: 600;"
                                            },
                                            title: "Family",
                                            width: 120
                                        },
                                        {
                                            field: "artifact",
                                            editable: function (dataItem) {
                                                return false;
                                            },
                                            headerAttributes: {
                                                style: "font-size: 10pt; font-weight: 600;"
                                            },
                                            title: "Artifact",
                                            template: '<a href="#=artifact#" target="_blank">#=title#</a>'
                                        }
                                    ]
                                }
                            ]
                    });

                function customDropDownEditor(container, options) {
                    $('<input required name="' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            autoBind: false,
                            dataSource: ["one", "two", "three", "four"]
                        });
                }

This works perfectly. Now, how do I attach a ToolTip widget to the items in this DropDownList?

Thanks in advance.

Ianko
Telerik team
 answered on 10 Apr 2017
4 answers
1.0K+ views

I am wondering if it is possible to group resources vertically that are not part of the scheduler resources... 

I saw that I can specify 'group: {orientation: 'vertical', resources: ['OwnerName']}' in my timeline view that I want this displayed this way in, which utilizes the 'text' field of all the javascript objects in my resource named 'OwnerName', which is the resource list that is set to my scheduler resources option.

 

However, my scheduler resources have items that I don't want shown on my timeline grouping (like groups and various rooms). I only want the users from the list, so tried creating a new resource item and setting my group:{resources: newResource} but nothing happened.

 

How can I apply vertical grouping of resources, but use a custom resource item that is not the resources of the scheduler?

Nencho
Telerik team
 answered on 10 Apr 2017
7 answers
924 views
I would like to change page size of DataSource depends on my needs. However when I'm setting:
DataSource.pageSize(10);
it is causing that data is read from server.

I would like to prevent such behaviour and read data from server only on read method, how to achieve that?

Similar issue is with page method. From time to time it causes read with initial settings so it reads data twice. with diferent params. when I comment out DataSource.page(1); everthing is working.

I also realize that this is happening if there is no data when I calling this methods. If there is data there is no read action.
Alex Hajigeorgieva
Telerik team
 answered on 10 Apr 2017
2 answers
379 views

When the user clicks in a certain column, we make it into a dropdown (using range.validation(String here). We have to do this because there are over 10,000 rows and adding different validations to each takes too long.

However - we also have an onchange method, which fires when this dropdown (validation) is added as technically the cell value has changed (from the original value, to the new value which is the same as the original, but part of a validation). Is there any way to stop this event firing? Thanks!

Marc
Top achievements
Rank 1
 answered on 10 Apr 2017
1 answer
103 views

Hello,
I'm displaying start and end dates in the RangeBar chart.

I'm setting min and max range in the valueAxis as seen here:

valueAxis: {
        min: new Date("2017/04/06 07:00").getTime(),
        max: new Date("2017/04/06 17:00").getTime(),
        majorUnit: 60 * 60 * 1000, // 60 minutes in milliseconds
    labels: {
        template: "#= kendo.toString(new Date(value), 'HH:mm') #"
        }
    },

 

The problem I'm having is getTime() is returning the number of milliseconds since Epoch off by 4 hours.

In the example above, GetTime() returns 1491476400000, or "2017/04/06 11:00" instead of "2017/04/06 07:00"

The label is displaying 07:00.

I'm assuming this is some kind of UTC issue?  I live in the EDT timezone which is UTC-4 hours.
How do I need to do to have getTime() return the proper milliseconds?

Regards,

 

David

 

Daniel
Telerik team
 answered on 10 Apr 2017
2 answers
155 views
I have quite a bit of views available for the user to switch between, making this view bar quite long, and it will create a second line in the header before collapsing. I want it to collapse at screen width 1635px so it can stay neatly on one line. However, I cannot find anywhere on how you adjust when the view bar collapses.
Tyler
Top achievements
Rank 1
 answered on 07 Apr 2017
1 answer
384 views

Hi,

I am currently using Kendo UI Professional 2017.1.223 release scripts in a project which is already havind some more references. I am coming across an error

"Object doesn't support property or method 'delayedClick' " in kendo.all.min.js.

Please guide me in resolving this issue.

Thanks in advance.

Nikolay
Telerik team
 answered on 07 Apr 2017
2 answers
258 views

Hello,

I'm trying to implement a Kendo grid where two cells update each other when changed. I know I could use a calculated column if only one cell was editable and the other was calculated but I'm lost trying to let them both update each other. 

I know I could do this with a custom Javascript class and get/set methods, where the set for one updates the other, and vice versa.

For Example, say I want a grid of product prices like so:

SKU       Price        Discount        Sale Price
001       20.00          10%              18.00
002       10.00          20%               8.00
...

And I want both the Sale Price and the Discount to be editable: Editing the Sale price should update the discount to the calculated % of Price, and updating the Discount will calculate a new sale price. Furthermore, let's assume I don't actually need to save the sale price, I'm really only loading from my .Net server Sku, Price, and Discount and would like get() on Sale Price to calculate the value to display, and set() on Sale Price to calculate the new discount for saving when I submit my page. 

What is the easiest way to achieve this? Currently I'm defining a Schema in my DataSource and filling it with values then displaying my Grid.

IT Dept
Top achievements
Rank 1
 answered on 07 Apr 2017
10 answers
342 views
Hello KendoUI Team

I'd like to know what is best option (if exist one) to have week number in the calendar.
The idea is to have exactly what we have with ASP.NET AJAX controls:
http://demos.telerik.com/aspnet-ajax/calendar/examples/functionality/mainareacustomization/defaultcs.aspx

Regards

Guilherme
Boyan Dimitrov
Telerik team
 answered on 07 Apr 2017
2 answers
664 views

HI

I have found a problem about field name in edit mode.

incell mode - edit event : 

  var grid = e.sender;
  var index = e.container.index();
  var field = grid.columns[columnIndex].field;

without locked column, the field name is correct : 

Click Column2 - index 1 field "Column2" <-- CORRECT

HiddenColumn Column1 Column2
0    1

but with locked column, the index is wrong, because locked column always 
place in the first of the grid.columns collection and get the wrong field :

Click Column2 - index 1 field "HiddenColumn" <-- WRONG

Column1(Locked) HiddenColumn Column2
0               1 

Is there have any solution or fixed in the newest release ?

*Visual Studio 2015 Enterprise Update 3
*UI for ASP.NET MVC Q2 2016(kendo\2016.2.504)

Best regards

Chris

 

 

 

Alex Hajigeorgieva
Telerik team
 answered on 07 Apr 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
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?