Telerik Forums
Kendo UI for jQuery Forum
5 answers
437 views

Hi,

I'm developing an app in which we need to display product categories. We are using the Kendo UI treeview with checkboxes for this. Mind you that we vould possibly have n+1 child lvl's.
The problem I'm facing is with the checkchildren set to true.

What I would like to have is when the user selects a child, the parent gets selected through all the levels up. However when the parent gets selected I don't want all childs selected.

For example, we have a category called Interior, with 2 subcategories: chairs and tables. When I select chairs, I would like to also have Interior selected. But when I start by selecting Interior, I don't want chairs and tables to be selected automatically.

Is there a way to achieve this??
I have allready had a go with jquery and got pretty close to what I want, but selecting/deselecting sometimes randomly does nothing and I constantly get this error "Cannot read property 'className' of undefined" on line 40 kendo.all.min.js

Please find my JS below.The datasource is simple JSON with a name and id for each category and then the child categories

 

$("#tvCatList").kendoTreeView({
                    checkboxes: {
                        checkChildren: false
                    },
                    dataSource: cats,
                    loadOnDemand:false,
                    dataTextField: "Name",
                    dataValueField: "Id",
                    check: function(e){
                        checkParentNodes(this,e.node);
 
                        var currcheckbox = $(e.node).find(":checkbox");
                        var currchecked = currcheckbox.prop("checked")
                        if(currchecked == false){
                            var childcheckbox = $(e.node).find(":checkbox");
                            childcheckbox.prop("checked", false);
                        }
                    }
                })
 
function checkParentNodes(tree, node){
            var parent = tree.parent(node);
            var currcheckbox = $(node).find(":checkbox");
            var currchecked = currcheckbox.prop("checked");
 
            if(parent && currchecked == true){
                var checkbox = $(parent).find(":checkbox").first();
                checkbox.prop("checked", true);
                checkParentNodes(tree,parent);
            }
        }

Petyo
Telerik team
 answered on 27 Aug 2015
6 answers
2.1K+ views
How can i set the tooltip for grid columns. I need to display the column data in Tooltip as well as i am having fixed width columns. I can do this in radgridview using tooltip service. Is there any equivalent of that in kendo grid. If not is there any way of achieving it.
Dimo
Telerik team
 answered on 26 Aug 2015
2 answers
472 views

Hi, is it possible to initialize a Kendo DropDownList from an HTML select element and use a template as well?

I want to do something like this:

<select id="locations">
   <option value="1" data-city="Albuquerque" data-state="NM">Albuquerque</option>
   <option value="2" data-city="Seattle" data-state="​WA">Seattle</option>
   <option value="3" data-city="Las Vegas" data-state="NV">Las Vegas</option>
</select>

<script type="text/x-kendo-template" id="city-state-template">
   #= data.city#, #= data.state#
</script>

<script>
$(document).ready(function() {
    $('#locations').kendoDropDownList({
        template: kendo.template($('#city-state-template').html())
    });​
});
</script>

 

Alexander
Top achievements
Rank 1
 answered on 26 Aug 2015
1 answer
393 views

I noticed that the icons for PDF and Excel when using the Fiori theme default to the white set. You can see this right in the Grid demo here: http://demos.telerik.com/kendo-ui/grid/excel-export

You can also see the same thing when looking at the Styling icons demo here: http://demos.telerik.com/kendo-ui/styling/icons

I'm using the Excel export option pretty much as it is is set up in the online demo, but the white Excel icon makes things look kind of ugly. I can override, just curious if this is this by default or perhaps just a mistake in the Fiori theme css?

Atanas Georgiev
Telerik team
 answered on 26 Aug 2015
1 answer
785 views
I have integrated the kendo multiselect plugin, but when I select my items from my list, I don't see the close button (little 'x' next to the text in the selected item(s)). The close feature still works when clicking in that area, but the actual 'x' doesn't show. I am just using the kendo.common.min.css and kendo.default.min.css files for styling and kendo.all.min.js for javascript. Is there a reason why I am not seeing the close button in my items?
Konstantin Dikov
Telerik team
 answered on 26 Aug 2015
1 answer
124 views

I want to export to PDF from grid with Heading in the top of the PDF and Disclaimer at the end of the PDF, in between the content has to be exported.

Heading and Disclaimer should generate dynamically only in the PDF and content will take it from Grid.

Please let me know how can we achieve this?

Thanks,

Sudheer

Plamen Lazarov
Telerik team
 answered on 26 Aug 2015
1 answer
165 views

I am creating a kendo grid from an existing html table and I want to include only the simplest possible filtering and sorting options for the user.

 Sorting is working well, but with filtering I -- either using the row-filter mode or the filter drop-down -- I cannot find a way to suppress the operators (and just use a contains operator as the comparison).

All of the documentation and samples that I see that include options for setting the 'showOperators' option to false and specifying the default 'operator' seem to be set at the individual column level as part of the options when creating the grid.

Since my columns come from my table definition -- annotated with data-field, data-sortable, data-filterable -- this is not something that I can do (or want to do).

Is there not some global way of suppressing the filter operators and setting the default operator for all of the columns in the grid?

Atanas Georgiev
Telerik team
 answered on 26 Aug 2015
5 answers
655 views
Is there any possible way to change the color of an individual bar/column in a series based on some condition?
T. Tsonev
Telerik team
 answered on 26 Aug 2015
1 answer
161 views

Can this be done?

 

I have a button control defined as so

<asp:Button class='k-button k-button-icontext' type='button' id='btnSaveRpt' OnClick='Save()'>Save</asp:Button>

within an external template.

 

Is this possible?  It wants to call javascript instead of the method in my code behind.

Petyo
Telerik team
 answered on 26 Aug 2015
1 answer
1.0K+ views

I have a drop down list and I am using remote data as data source for drop down and I am binding Organisation column as data source. Now my requirements are as below.

 1. I want to show unique values in drop down.

 2. Remove empty items.

 3. I want to add auto complete option in drop down.

 

Let me know if this is possible or not. If yes the how can I achieve it?

Thanks.

Plamen Lazarov
Telerik team
 answered on 26 Aug 2015
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
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?