Telerik Forums
Kendo UI for jQuery Forum
5 answers
193 views
Hey I was wondering is there a js event fired when the chart is rendered completely ? Not when the page appears with the axis (so no document.ready doesnt do the job) but when the actual points are rendered ?
Iliana Dyankova
Telerik team
 answered on 29 Oct 2014
6 answers
134 views
Hi,

We have a grid with a toolbar template containing a KendoToolBar object that can potentially have zero items in it (depending on the user account's security settings). If this happens, we get an error thrown from kendo.web.js and the page fails to load.

buttonGroup: {
    base: function (options, initializer, element) {
        var items = options.buttons,
            item;
 
        element.data({ type: "buttonGroup" });
        element.attr(KENDO_UID_ATTR, options.uid);
 
        for (var i = 0; i < items.length; i++) {
            if (!items[i].uid) {
                items[i].uid = kendo.guid();
            }
            item = initializer($.extend({mobile: options.mobile}, items[i]));
            item.appendTo(element);
        }

'items' is undefined so an exception is thrown on the for loop. Is this a known issue?

Thanks,
Nick
Nicholas
Top achievements
Rank 1
 answered on 29 Oct 2014
1 answer
156 views
We have a Flex app that is used internally and has a hierarchial grid with several options including context menu, popup editor on individual columns.
We are writing an app for external customers with limited functionality on the grid. But we need an option to mass update a particular column on the grid, either all rows or selected rows. See the attached png file for current implementation.

Instead of specifying columnMenu:true, we want to open an html template on the grid as model popup. Is there an way to do this on Kendo grid?
Thanks
Alexander Popov
Telerik team
 answered on 29 Oct 2014
1 answer
849 views
Hi,
Can create button outsite gird to add new row?I dont want to use toolbar because It must inside grid container.Right?Please check my attachment.When click button Add Location.The new row will insert into grid or popup display to fill data and after saving the grid will reload new data?

Thanks
Dimiter Madjarov
Telerik team
 answered on 29 Oct 2014
5 answers
301 views
My issue is with the categoryAxis not showing the text.  Which becomes an issue when trying to understand the graphing points.  I have included my code below with a small sample dataset to show what is going on.  Thank you!

var chartOptions = {
theme: "",
seriesDefaults: {
type: "line"
},
title: {
text: ""
},
legend: {
position: "bottom"
},
series: "",
categoryAxis: {
field: "category"
}
};

//Set Chart Data
chartOptions.series = dataSetContents.Series;
chartOptions.seriesDefaults = { type: $("#chartType").val() };
chartOptions.theme = $("#colorType").val();
chartOptions.title = { text: $("#dimensionsType").val() + " BY " + $("#dataType").val() };

function createChart() {
$("#chart").kendoChart(
$.extend(true, {}, chartOptions)
);
}

my series is set up as the following:
{
    name: "2008-2010"
    data: [{
       category: "2008"
       value: "500"
    }]
}

full text is here:
{"Series":[{"name":"2008-2010","data":[{"category":"2010 - Q01","value":733},{"category":"2009 - Q02","value":921},{"category":"2008 - Q01","value":690},{"category":"2009 - Q01","value":1584},{"category":"2008 - Q03","value":1778},{"category":"2008 - Q04","value":359},{"category":"2008 - Q02","value":1308},{"category":"2009 - Q04","value":64},{"category":"2007 - Q03","value":20},{"category":"2009 - Q03","value":411},{"category":"2010 - Q02","value":17},{"category":"2007 - Q04","value":19},{"category":"2007 - Q02","value":11},{"category":"2007 - Q01","value":5}]},{"name":"2009 Data","data":[{"category":"2008 - Q01","value":6230},{"category":"2008 - Q02","value":7635},{"category":"2008 - Q03","value":4294},{"category":"2007 - Q03","value":101},{"category":"2007 - Q02","value":86},{"category":"2007 - Q04","value":65},{"category":"2007 - Q01","value":63},{"category":"2009 - Q02","value":8}]}]}

Hristo Germanov
Telerik team
 answered on 29 Oct 2014
1 answer
108 views

Please find the attached file or check into the link: http://dojo.telerik.com/emAq/2

    As per the code, My problem is that, I am unable to modify the child nodes onClick of expand.  It is able to modify the child nodes for the first time but, once I re-expand the same node the styles are not applying properly.

   My usecase: I should be able to get the child nodes from the server and render dynamically into the respective parents. My calls to the server are POST requests where the request data will be modified according to the currently selected parentNode.


If there is any sample code please help me to make my usecase work with Kendo-Tree widget.
Alex Gyoshev
Telerik team
 answered on 29 Oct 2014
4 answers
201 views
I am using kendo UI Pro 2014.2.1008 with Visual Studio 2013 (update 3). I have the kendo.all.min.intellisense.js file in the same folder as the kendo.all.min.js. The folder is "~/Scripts/kendo/2014.2.1008". It is also listed in _reference.js file properly. Still I am not getting any intellisense either in cshtml or in js files. Can't figure out what I am missing. Please advice. Thank you.
Petyo
Telerik team
 answered on 29 Oct 2014
7 answers
2.3K+ views
Hi,

I've a few queries related to kendo grid (using via AngularJS way).

1. What is the recommended way to read the entire grid data in AngularJS.. I want to read all the rows and find a row whose column value matches a given value..

2. Once I find this row, I would like to set the background color of this row and its detailedRow (aka child row) to gray color.. I think every row in kendo grid has a rowId value set dynamically. That will be of use in setting the background-color of the row..

3. There is a checkbox column too in the grid.. so would like to check the checkbox for this row.

Any thoughts on this? A sample code would be of great help..
Thanks in advance.

Thanks,
Sagar
Sagar
Top achievements
Rank 1
 answered on 29 Oct 2014
3 answers
732 views
 I would like to get the dataItem onExpand of the node. I am using AngularJs Kendo treeGrid<div kendo-tree-view="tree"
             k-data-source="treeData"
             k-template="itemTemplate"
             k-on-expand="onExpand(selected, data, dataItem, columns)"></div>

<!-- angular module -->
angular.module("KendoDemos", [ "kendo.directives" ]);
function MyCtrl($scope) {
           $scope.onExpand = function(selected, data, dataItem, columns) {
           <!-- Here I would like to get the current dataItem. The dataItem as a parameter is coming as undefined. -->
           alert('onExpand ' + e); 
      }
}

Here data-Item represents the current selected node dataSource value.
Alex Gyoshev
Telerik team
 answered on 29 Oct 2014
1 answer
1.7K+ views
I'm trying to eliminate the chart's y axis. I can accomplish this through CSS, but then I have a margin to eliminate. I'd rather do this through the JS, but the kendo examples weren't working in Kendo Dojo so I'm not sure of the correct way to do this.

This is my HTML
<span class="w50 left">"Job Name"</span>
<span class="">
      <div id="profitChart" ></div>
</span>

This is my CSS to hide it (I commented this out to take the screen grab - see attached)
/*hides sidebar of Cost Discount Profit Bar*/
#k10000 > path:first-child, #k10000 > path:nth-child(2), #k10000 > path:nth-child(3){
    display:none !important;
}

This is my JS
// Creates the Profit bar chart on Job Info screen
function createChart() {
    $("#profitChart").kendoChart({
        chartArea: {
            height: 80,
            margin: {
                top:5,
                bottom:5
            }
        },
        //title: {
        //    text: "Job Name"
        //},
        legend: {
            visible: true,
            position: "bottom",
            labels: {
              font: "20px sans-serif",
            }
        },
        seriesDefaults: {
            type: "bar",
            stack: {
                type: "100%"
            }
        },
        series: [{
            name: "Cost",
            data: [50],
            color: "#3498db"
        },  {
            name: "Discount",
            data: [10],
            color: "#FFA500"
        }, {
            name: "Profit",
            data: [40],
            color: "#61B329"
        }],
         
        valueAxis: {
            visible: false,
            majorGridLines: {
                visible: false
            },
            minorGridLines: {
                visible: false
            }
        },
         
        categoryAxis: {
            categories: [],
            majorGridLines: {
                visible: false
            },
            minorGridLines: {
              visible: false
            },
        },
        tooltip: {
            visible: false,
            template: "#= series.name #: #= value #"
        },
        panes: [
        { height: 50 }]
    });
}
 
$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
Iliana Dyankova
Telerik team
 answered on 28 Oct 2014
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
Drag and Drop
Map
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?