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); } }
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>
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?

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
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?
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.
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.