Hi all,

I am experiencing the following problem in the angular application I am developing. Currently I want to dynamically add series toline charts. The data for the series comes as key value pairs, where the key is a DateTime and the value is Integer. The common between all series that are going to be added is that the categoryAxis is Date in every case. I have two questions:

     What is the best way to add dynamic series to the chart. I tried an approach by one of you colleges :

      but is not working for me. Then I tried with creating new dataSource every time when a series is added and then

   My second question is how to adjust the categoryAxis, when there are 600 category values. For example I have I time interval of 1 day and every point in my dateset is associated with particular moment. If I manage to render the line chart, i see that the category labels are overlapped (because there are too many of them) and they look like a black line. I tried with baseUnit but in my case if I set it to seconds I get the same result, and if I set it to something bigger than seconds then not all of the datapoints are shown?

Regards,

Zhivko

Hi,

I am using a stockchart graph.  I understood how the granularity of the category axis is working and I set it to "Fit" in order to have a displayable amount of dates, regardless of the ​timespan of my data (which is variable).  However, the side effect of this is that not all values of my graph are displayed, but only those at the date steps that are computed by the graph based on my display width and time span.

How can I keep the category axis working as it does, but have all values displayed on the graph. 

I have customized the tooltip to display the value and the precise date/time, so you will get the date/time info in this way even if not displayed on the category axis.

Thanks for your help.

Olivier

Hello,

I have DropDownList, his data are dynamicly loaded due to Project DropDownList. In DataBound event I want change to select first value by JavaScript. I use SetDefValuesO function for this. It works, when data are loaded in Operation list function automaticly select first item. But when i click to save in inline edit Grid Row, update request do not contain changed value. It works only when ​I do it by mouse click.

Grid code:

.....

 Dropdown for Editor template :

Value is selected correctly, but data which are send by clicking save in inlineEdit mode, do not containt selected value, but the default value defined in GRID model (first code sample).

Thnaks for Help !

We are charting small and tiny values (.0003 as well as 56.85). However, the .0003 value will not appear on the chart, even with zooming in. This would be ok if there were a label to show what the value is but since it doesn't even appear on the chart, there is nothing to tool tip or label.

Please advise.

We want to use a Kendo PanelBar for a section of our page, but we need to be able to put styled content into the header - at minimum a span, but ideally divs and other HTML. 

Using the attached image as an example, we want to place the grade and pass/fail icon into the header, while being able to customize the font size (and for that matter, the icon is an <i> tag itself).

Hi, so I am trying to set the proxy url for the export to excel functionality. I've already developed a jsp to serve the data but then they switched my project to MVVM, and now I am not sure how to set the proxy url.

 I am calling the saveAsExcel() function from a custom function (we have a custom grid toolbar so I had to make my own export button).

 Some code included below, where do I set the proxy URL?

In the grid view:

data-toolbar= [{'template':kendo.template($("#break-details-toolbar-template").html())}]

In the view toolbar template:

<div class="toolbar">
                    <button id="excelButton" class="excelButton k-button"
                        data-role="button"
                        data-bind="visible: isVisible, enabled: isEnabled,{ click: exportExcel }">
                        <i class="fa fa-file-excel-o"></i> Export To Excel
                    </button>
                    <button id="pdfButton" class="pdfButton k-button"
                        data-role="button"
                        data-bind="visible: isVisible, enabled: isEnabled,{ click: exportPdf }">
                        <i class="fa fa-file-pdf-o"></i> Export To PDF
                    </button>
                </div>​

click handler calls this function:

 function exportToExcel(gridID, columnsToExclude){
          
          
            $("div[data-role='grid']").each(function(){
                if( $(this)[0].id == gridID ){
                    var grid = $(this).closest("div[data-role='grid']").data("kendoGrid");
                    //loop through columns to hide columns to ignore
                    for(var i = 0; i < grid.columns.length; i++){
                        for(var j = 0; j < columnsToExclude.length; j++){
                            console.log(columnsToExclude[j]);
                            if(columnsToExclude[j] === grid.columns[i].title){
                                console.log("Match found - hiding column");
                                grid.columns[i].hidden = true;
                            }
                        }
                    }
                    grid.saveAsExcel();
                }
            });
            
};​

Telerik team,

 I have a kendo UI grid and I apply filters for the grid based on the user input. Everything is working fine.

I also have the search filter for each column like here http://dojo.telerik.com/@balaji/aMoBA  (filterable: {mode:"row"})

Now let's say I have a dropdown for all the price and whenever I select a price, the grid is refreshed to show the items with that particular price. I use KendoDataSource.filter({field,value,operator}) to filter the grid.

So far everything works fine. (column search works fine and also the price change refreshes the grid).

Now let's say the user types "ABC" in the grid column search and the grid shows only the items with product name "ABC".

Now the user changes the dropdown to show the items with particular price. In this case what happens is the whole grid is refreshed to show all the items with that price. Instead what I want is "Just the items with product name "ABC" and that particular price selected in the dropdown. Also I want the name "ABC" to be in the search box so that the user knows that he searched for "ABC". How can I do this in angular way?

I'd like to use the Kendo UI drawing API (instead of the SnapSVG we were using). It seems limited though. I need a rectangle with a rounded edge. I see documentation on how to do a regular rectangle, but how do I do a rounded edge?

John

Is there a way to reduce the number of filter options for a multi filter in Kendo Grid.

Use the dojo below

http://dojo.telerik.com/ANaDi

 Steps to produce output

1. Click filter menu for contact name
2. Check off Maria Anders
3. Apply filter
4. Click filter menu for contact name again
5. All filter options show even though they are not visible in the grid itself

Is there a way to narrow down the filter options for each column based on the results after the filter is applied so that zero result filters are not shown inside the filter drop down?

Any help is appreciated,

We are using Kendo UI 2014.2.716.

 I have a DropDownList defined like this:

The validator is added to the form:          $('#ScenarioForm').kendoValidator({ ... });

There are 4 custom rules defined.  When the DropDownList loses focus, none of the custom rules are run, nothing happens in the validator at all.

I looked around and I see tons of people with this issue but no real solutions and no examples on the Kendo site with anything other than a simple <input> text field.

Is it possible to validate a DropDownList?  How do you do it?