kendo-treeview

How to set the tree view node color for Kendo UI TreeView?

由 大憨熊 提交于 2019-12-11 10:08:29
问题 I want to set the tree view color based on the value defined in the datasource field, From this link, I think that what I am trying to do is possible, but I am not using MVVM, so in my case what I am missing below? any idea?? http://www.telerik.com/forums/mvvm---treeview-only-updates-on-datatextfield-change <div id="treeview"></div> $("#treeview").kendoTreeView({ template: "#= item.text # color:#: item.color #", dataSource: [ { text: "green", color: "green", items: [ { text: "yellow", color:

Give a Linear Gauge custom labels

由 旧巷老猫 提交于 2019-12-11 09:27:21
问题 I have a kendo linear gauge defined like this... $("#gauge").kendoLinearGauge({ pointer: { value: 4.5, shape: "arrow" }, scale: { majorUnit: 1, minorUnit: 1, max: 6, ranges: [ { from: 0, to: 1, color: "#ffc700" }, { from: 1, to: 2, color: "#ff7a00" }, { from: 2, to: 3, color: "#c20000" }, { from: 3, to: 4, color: "#FF0000" }, { from: 4, to: 5, color: "#00FF00" }, { from: 5, to: 6, color: "#0000FF" } ] } }); And this produces a gauge that looks like this... What I want to do is replace the

React Kendo UI TreeView throws 'kendo is not defined'

由 ぃ、小莉子 提交于 2019-12-11 08:41:18
问题 I am working on a React project with Kendo UI. I followed the steps from Kendo UI TreeView I have installed @progress/kendo-treeview-react-wrapper , @progress/kendo-ui and imported theme into my project using import '@progress/kendo-theme-material/dist/all.css'; When I use KendoUI buttons, everything is working, the functionality and theme are expected, but it throws below Error when use TreeView Uncaught ReferenceError: kendo is not defined at TreeView.componentDidMount (bundle.js:69556) at

how do I collpase and expand all tree nodes in a Kendo UI treeView based on a button click?

由 99封情书 提交于 2019-12-10 21:16:22
问题 This is not working: <script type="text/javascript"> $('#btnCollapseAll').click(function() { $('#treeview').collapseAll(); }); </script> 回答1: You can use this code 1: collapse collapse kendoTreeView document $("#treeview").kendoTreeView(); var treeview = $("#treeview").data("kendoTreeView"); treeview.collapse(document.getElementById("firstItem")); $('#btn').click(function () { // collapse the node with id="firstItem" // collapse all nodes treeview.collapse(".k-item"); }); 2:expand expand

Asp.Net CPU issue working with Kendo UI treeview after Visual Studio 2013 Update 2

由 限于喜欢 提交于 2019-12-10 10:55:28
问题 I'm developing Asp.Net MVC website using Kendo UI. Installed Visual Studio 2013 Update 2 RTM and got CPU issue on IIS (CPU >= 30%). http://c2n.me/i7juKB.png After an hour of searching issue, found that the problem is in Kendo UI Treeview with hierarchical data. Kendo Treeview Asp.Net MVC wrapper code: @(Html.Kendo().TreeView().HtmlAttributes(new { style = "height:150px;" }) .Name("treeview-library-country") .Events(events => events.Select("common.onTreeViewSelect").Collapse("common

How can i remove the expand arrow in kendo ui treeview if there are no child's to display

由 纵饮孤独 提交于 2019-12-08 06:45:38
问题 I am using kendo ui treeview. I am loading the treeview dynamically from the database. But my issue is i am getting the expand error if there are no child's to display. How can i remove the expand arrow. Regards, Sri 回答1: There is a configuration field of the HierarchicalDataSource schema.model object called hasChildren you can add a boolean property to your model which indicates if the your model has items. This way when the TreeView creates its elements it will check that property (or call

kendo ui get id of checkbox when unchecked

由 孤人 提交于 2019-12-08 04:50:51
问题 i am using kendo ui tree view with check box i want the check box's id when it is getting unchecked this is kendo ui mine code // var homogeneous contains data $("#treeview").kendoTreeView({ checkboxes: { checkChildren: false, template:"# if(!item.hasChildren){# <input type='hidden' id='#=item.id#' parent_id='#=item.parent_id#' d_text='#=item.value#'/> <input type='checkbox' id_a='#= item.id #' name='c_#= item.id #' value='true' />#}else{# <div id='#=item.id#' style='display:none;' parent_id=

Angularjs + kendo-ui treeview

由 耗尽温柔 提交于 2019-12-07 19:14:12
问题 I have some route: when('/tvtest/:userid', {templateUrl: 'template/usertv', controller: SomeTest}). which loads some html with emebedded kendo-ui controls: <html> <head> <title></title> <script type="text/javascript" src="http://localhost:7000/myservice/script/jquery.min.js"></script> <script type="text/javascript" src="http://localhost:7000/myservice/script/kendo.all.min.js"></script> </head> <body> <h1>{{"Hello"}}</h1> <div id="example" class="k-content"> <div class="demo-section"> <ul id=

Kendo TreeView Search with Highlight

由 ℡╲_俬逩灬. 提交于 2019-12-07 07:53:07
问题 I have a KendoTreeview with spriteclass. I want to highlight the nodes (root as well as child nodes) with my search term. I have implemented the search functionality. But the issue when i search it is highlighting the term in the nodes but missing the SpriteClass in the nodes after first search. Any idea ? jsFiddle code $('#search-term').on('keyup', function () { $('span.k-in > span.highlight').each(function () { $(this).parent().text($(this).parent().text()); }); // ignore if no search term

Angularjs + kendo-ui treeview

由 99封情书 提交于 2019-12-06 08:31:52
I have some route: when('/tvtest/:userid', {templateUrl: 'template/usertv', controller: SomeTest}). which loads some html with emebedded kendo-ui controls: <html> <head> <title></title> <script type="text/javascript" src="http://localhost:7000/myservice/script/jquery.min.js"></script> <script type="text/javascript" src="http://localhost:7000/myservice/script/kendo.all.min.js"></script> </head> <body> <h1>{{"Hello"}}</h1> <div id="example" class="k-content"> <div class="demo-section"> <ul id="treeview"/> </div> <script > console.log("test message"); var dataSource = new kendo.data
订阅 kendo-treeview