Telerik Forums
Kendo UI for jQuery Forum
4 answers
532 views

Hi,

 

I'm working on kendo scheduler : http://dojo.telerik.com/@n2lose/ogUzay/2

1. Is there any way to set selected local timezone on the dialog add event? I would like to set local timezone selected when open dialog instead of user has to be selected from drop down list timezone!
I have researched and found the way to set timezone by the way set defaultValue for startTimezone, endTimezone. But normally, i just can get the timezoneOffset (number), how can i get the label timezone as we select an item in drop down list timezone?

 

2. When user selected an item from resources dataSource, can we custom template to add a link of that item below the drop down list? i mean i can custom template when handle on resources dataSource?

Tyler
Top achievements
Rank 1
 answered on 27 Sep 2017
2 answers
170 views

In Kendo UI MVC, you can use one action for all your data widgets (grid, combobox, etc.) and filtering is handled the same. However, when I try to use a kendo-ui JS widget to hit that same action, it passes the filtering differently. Why is that? How can I bridge that gap?

If you use MVC Combobox and post to action, the filtering gets sent as:

sort: Name-asc
page: 1
pageSize: 80
group:
filter: Name~contains~'manager'

 

If you use the JS Combobox and post to action, its sent as:

filter[logic]: and
filter[filters][0][value]: manager
filter[filters][0][field]: Name
filter[filters][0][operator]: contains
filter[filters][0][ignoreCase]: true

 

Because of this different structure, my action with signature:

public IActionResult QueryEntities([DataSourceRequest] DataSourceRequest request)

The request.Filters is always empty. How can I convert the js filter for combobox so my action can recognize it? And why are they handled differently anyway? I thought MVC version just wraps the JS version and generates the JS from server side code.

Andrew
Top achievements
Rank 1
 answered on 27 Sep 2017
1 answer
97 views

So I will try to explain my problem.

I have 2 multiselect components where second is filtered by first if first is set (if first is not set second one has full data access).

Lets say first data source is this ['a','b'].

and second data source is [1,2,3,4,5].

If selected item of first multiselect is 'a', second data source becomes [1,2,3]

If selected item of first multiselect is 'b' second data source becomes [4,5]

If there is none selected items in first multiselect then second data source becomes [1,2,3,4,5]

When i select item in second multiselect, lets say 2, and after that select in first multiselect item 'b', second multiselected items becomes [4,5] and old value 2 is gone. That is what i want and that is how it works now.

 

But my problem is when i *search* in second multiselect for an item 2, and after that i choose 'b' in first multiselect, that old value is still selected, he is not in options, and he is not in datasoruce but he is still selected and on submit i get his value too.

Ivan Danchev
Telerik team
 answered on 27 Sep 2017
1 answer
713 views

Want to show dyanmic kendotooltip (may be another view - lots of content) on image hover inside kendogrid

ex:

I am adding and icon here and want to show the tooltip

info.Bound(e => e.Id).Width(50).ClientTemplate("<img id='#= Id #' src='../Images/commandView.png' /><div id='TooltipContentDiv'></div>");

I am not sure but is this something I am trying but not working:

    $("#AjaxGrid").kendoTooltip({
        //filter: ".tooltipContent",
        filter: "td:nth-child(3)",
        width: "auto",
        position: "top",
        showOn: "click",
        autoHide: false,
        content: function (e) {
            var row = $(e.target).closest("tr");
            var dataItem = $('#AjaxGrid').data('kendoGrid').dataItem(row);
            Id = dataItem.Id
            $('#TooltipContentDiv').html("");
            $.ajax({
                url: "@Url.Action("GetToolTip1", "Tools")",
                data: { "Id": Id },
            cache: false,
            /async: true,
            success: function (result) {
                alert('yes');
                $('#TooltipContentDiv').html(result);
            },
            error: function () { alert('no');}
        });
    }
    }).data("kendoTooltip");

 

Any help is appreciated.

If there is full working example that will be great.

I might be on wrong path but please point me what is the easiet way to do whatever I want.

Stefan
Telerik team
 answered on 27 Sep 2017
3 answers
639 views

I have a kendo grid where each column is searcheable using the standard dropdown filter menu but there is also a master search bar at the top where the user can search across many columns at once.

I am using the technique described on http://www.telerik.com/forums/grid-search-feature to implement the custom search.

The problem I am encountering is that when I call .filter() on the grid dataSource to add my custom search filters from the master search bar, this causes the filter panels on each column to update and display the master search term. The user can then edit the search term from both the master search bar and the individual panels which gets confusing quite quickly.

How can I add my custom search functionality without having the grid replicate the search term in each column's panel?

 

Stefan
Telerik team
 answered on 27 Sep 2017
5 answers
417 views
When using a Plain JavaScript object containing Null Values, there are exceptions caused
by the PivotGrid. This is caused by line 620 in kendo.pivotgrid.js (Version 2015.1). On this line there is a check for undefined which can be extended to
check for null as well:

value = value !== undefined && value !== null ? value.toString() : value;

I was able to reproduce the error with the sample http://demos.telerik.com/kendo-ui/pivotgrid/local-flat-data-binding
when setting some Fields to null.

It is this behavior intended? For me, it seems like a bug that should be fixed

Stefan
Telerik team
 answered on 27 Sep 2017
5 answers
192 views

The different remove and add sequencing, and the incomplete event firing for state change initiators, makes it difficult to write code for custom processing of items in connected listboxes.

Event order inconsistencies when list boxes are connected.

Drag and drop actions fire events source listbox remove followed by target listbox add

Toolbar command actions for moving fire events target listbox add followed by source listbox remove

Suggestion: have command actions sequence in the same way as drag and drop.

Drag and drop actions have an event dragend but there is no event for commandend

There are no toolbar events.

Suggestion: add toolbar or command events,

Stefan
Telerik team
 answered on 27 Sep 2017
7 answers
224 views

I have a grid with re sizable columns. 

column resizing is working properly in Chrome but not in explorer.

Below Js fiddle works fine in chrome but not in explorer(column resizing).

http://jsfiddle.net/xwsa7oom/

 

Please help.

Stefan
Telerik team
 answered on 27 Sep 2017
1 answer
175 views

Hi,

I'm using a template for the header of my column.  But now when I want to try to add grouping and drag my column to the group box I do not use the headertemplate but just shows the fieldname.

How can I make that the template is also used when they drag/group?

 

Stefan
Telerik team
 answered on 27 Sep 2017
1 answer
488 views

Hi,

I'm using virtual scrolling and pageSize 50 on my grid to increase performance.  But now I also want to enable grouping but then it only groups the items in the page not all items.

How can I make that all items are grouped?

These are the settings I'm using:

$("#grid").kendoGrid({
        autoBind: false,
        selectable: "multiple",        
        dataSource: {            
            schema: {
                model: {
                    fields: {

                         
                    }
                }
            }
            ,
            pageSize: 50
        },      
        height: 'auto',
        filterable: true,
        groupable: true,
        scrollable: {
            virtual: true
        },
        pageable: {
            numeric: false,
            previousNext: false          
        },
        sortable: true,
        columns:            
    });

Pavlina
Telerik team
 answered on 26 Sep 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?