Hi,
Is there anyway to hide data points with zero (0) value in a line chart? I'm currently using the line chart and can't seem to find an easy way to do this. Basically a line shows up at the 0 value on the graph and I rather not show the line at all.Provide me any solution how to remove the lines showing zero.Here i'm providing the code below


$.ajax({
                    type: "POST",
                    contentType: "application/json;charset=utf-8",
                    url: "dataVizWebService.asmx/GetSellInOfficeTrends",
                    dataType: "json",
                    success: function (data) {

                        $("#chart").kendoChart({
                            dataSource: {
                                data: data.d,
                                value: "#={0}>0"
                            },
                            legend: {
                                position: "bottom"
                            },
                            title: {
                                text: "Population"
                            },
                            series: [
                                        {
                                            type: "line",
                                            field: "Population2010",
                                            name: "Population2010",
                                            axis: "Year",
                                            color: "#4a7ebb"
                                        }, {
                                            type: "line",
                                            field: "Population2011",
                                            name: "Population2011",
                                            axis: "Year",
                                            color: "#be4b48"
                                        }, {
                                            type: "line",
                                            field: "Population2012",
                                            name: "Population2012",
                                            axis: "Year",
                                            color: "#98b954"
                                        }, {
                                            type: "line",
                                            missingValues: "zero",
                                            field: "Population2013",
                                            name: "Population2013",
                                            axis: "Year",
                                            dashType: "dash",
                                            color: "#000000"
                                        }
                                        ],
                            valueAxis: [{
                                name: "Year",
                                title: { text: "Population in Millions" }
                            }],
                            categoryAxis: {
                                field: "Week",
                                majorTickType: "none",
                                labels: {
                                    skip: 0
                                }
                            },
                            tooltip: {
                                visible: true
                            }
                        })
                    }
                });

I am trying to create a conditional template to display different controls based on the item it is being bound to. In my example, I render a combobox in the second item when in edit mode. The values in the combo appear just fine until I hit save. What I see then is [object Object] where the regular template is trying to display it. How can store and show my selected value in the non-editable template?

FYI.. This is being bound to a JSON string.

Team,

I have a html grid which has input value that consists of datetimepicker.

I have grid with 3 rows ans when I tried to tag kendo datepicker to the column, it is visible only for the first row.

Am I missing some thing..

After implementing the following javascript to align the Update and Cancel popup editors buttons to the right they now display in the incorrect order, i.e. Cancel then Update.

function onGridEdit(e){
      e.container.find('.k-grid-update,.k-grid-cancel').css('float','right');
}

How do I get the buttons on the right and remain in the Update, Cancel display order?

Hi,
I need to use Kendo UI Slider Vertically from top to bottom with ASP.NET MVC helper. It is possible to render it:
- Left to Right: Horizontally, no RTL
- Right to Left: Horizontally, RTL
- Bottom to Top: Vertically, RTL or not
- Top to Bottom: ???

Regards.

Hi, 

I would like to programatically select the text of a combobox, so the user can write and get suggestions without having to delete the content of the combobox manually. Is there a way to do this? 

Thank you very much :)

Add new record crashes when having a filter that filters all rows
See sample below.
Steps to reproduce;
1) In the grid, set filter to First Name = "xyz" , result:  all records filtered.
2) Press Add new record button , result:
    Microsoft JScript runtime error: Unable to get value of the property 'ID': object is null or undefined

<div id="grid">
</div>
<script type="text/javascript">
    $(document).ready(function () {

        var ds = new kendo.data.DataSource({
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { type: "number", editable: false, nullable: true },
                        FirstName: { type: "string" },
                        LastName: { type: "string" }
                    }
                }
            },
            data: [
                         { ID: "1", FirstName: "Joe", LastName: "Smith" },
                         { ID: "2", FirstName: "Jane", LastName: "Hilton" }
                      ]
        });

        $("#grid").kendoGrid({
            dataSource: ds,
            columns: [
                        { field: "ID", title: "ID" },
                        { field: "FirstName", title: "First Name" },
                        { field: "LastName", title: "Last Name" }
                     ],
            toolbar: ["create", "save", "cancel"],
            editable: true,
            navigatable: true, // tab thru the cells
            autoBind: true,
            sortable: true,
            filterable: true,
            scrollable: false
        });

    });
</script>

Hi,

I've seen a few examples of filtering, but never with a listview using range sliders. Pretty much all of the examples I've seen involve filtering a grid with a dropdown. I am curious about filtering a listview with multiple range sliders. I know how to filter a listview but don't know how to hook up the range sliders to do the filtering (on change, on slide). Could someone please point me in the right direction?

This is what I have so far:
All I've done is look at the examples and try to apply them, as you can see above. The filtering, as is, works - except it isn't hooked up to any range sliders. Would appreciate any help.
TIA

Hi, we implemented a reorderable Kendo TabStrip using jQuery UI's Sortable plugin, but are converting it to use Kendo's Reorderable widget in order to eliminate the jQuery UI dependency.  This works fine for a static TabStrip, but if you add a new tab (e.g., via append()), it seems the only reasonable way to have the newly added tab be a DropTarget is to re-apply the Reorderable widget.  See this JSFiddle:

http://jsfiddle.net/6v8Su/12/

As you can see, we call applyReorderable() every time a new tab is added, which seems less than ideal and potentially prone to memory leaks/inefficiencies.

I had initally wanted to simply add a new DropTarget to the new tab, analogous to what is done inside Reorderable (lines 10027-11069 of kendo.web.js, 2012.2.710).  However, this would require essentially duplicating nearly the entire Reorderable class in our code (including toggleHintClass() from inside the Reorderable module closure).

So I decided to fall back on the brute-force approach of re-applying the Reorderable widget every time a tab is added.  Is there a better way to do this?  Will there be memory leaks doing it this way, due to event handlers and/or DOM elements not being detached, etc?  I know that there are plans to add destroy() methods to all widgets, but as far as I understand, that is not ready at this time.

The approach in the JSFiddle seems to work, but is not elegant and seems potentially prone to memory issues.  If you have any suggestions on how to accomplish this in a more efficient manner, it would be appreciated.  Thanks!

ryan

p.s. A second question: jQuery UI's Sortable plugin will actually reorder the DOM elements upon dropping in the new location.  Kendo does not actually reorder the Reorderable elements, but simply triggers an event that describes the reordering attempt (see onReorderableChange() in my JSFiddle, where I have to reorder the .k-item tabs manually).  Are there plans to have Reorderable actually reorder its elements?  I realize that I will still need to reorder the content <div>s that correspond to the tabs, but it would be nice if Reorderable actually performed the reordering of its elements.

I was looking for the  columnReorder event in the API reference but coudn't find it. Therefore we managed to bind the drag end event like this.

   var draggable = $('#resultGrid .k-grid-header thead').data('kendoDraggable'); /

   draggable.bind("dragend", function (e) {

                       ///

    });

 Is it there with the new version ?