Hi, I'm looking to integrate Upload with my project where the file selected would be posted using our own custom service (this service adds some additional security params used on the server side). Thus I'm looking for a way where I can post the selected file through my own service instead of the "saveUrl" option and show the progress bar.

Here is the dojo for code which posts using "saveUrl" http://dojo.telerik.com/IcAFO

Here is what Im trying to do:
$("#files").kendoUpload({
                multiple: false,
                async: {
//                    saveUrl: "https://localhost:12345/sis-ui/api/v1/alerts/import", // I dont want to post to a url directly
                    removeUrl: "remove",
                    autoUpload: false
                },
                upload: $scope.onUpload, // this is what I want to do, post from my custom service
                template: kendo.template($("#fileTemplate").html())
            });
$scope.onUpload = function(e) { //This is my custom service which will post the file 
                ImportService.import(e.files);
            };

It seems like in a small browser window, the TreeList grid is scrollable but the column header doesn't scroll with the grid.
Here's a screenshot taken from the demo in Chrome v38 on Windows 7.

I have came from the Silverlight and I was able to implement a piece of functionality in Silverlight by using the RadTreeListView control

http://www.telerik.com/help/silverlight/radtreelistview-overview.html

Now, I am trying to convert that silverlight application to HTML 5. I am using kendo controls. I tried to search the KendoTreeListView but didn't find any. How I can accomplish that functionality ?

I have attached the files. HTML5.png is how it is looking right now and Silverlight.png is how I want it to look like.

Using MVVM, I have this span:

<span class="product-invalid" data-packageid="@Model.ProductPricing.Id" data-role="tooltip" data-auto-hide="true" data-position="right" data-bind="value: InvalidContent, events: { show: onInvalidTooltipShow }">&lt; Invalid &gt; </span>

It doesn't look like the Tooltip is not really meant to be used in a true MVVM context so I had to add the binder from this page: http://jsbin.com/omAPILo/1/edit?html,js,output

My problem is on the show event, I cannot figure out what the parameter is.  I am trying to get .data('kendoTooltip') from the argument but I nothing I try is working.  I can't use a straight find by class or id because there are multiple tooltips created in a loop, thus the data-packageid attribute which is used to look up the content for the tooltip and set it on the hovered element.

I've tried $(e) and $(e.sender), no idea what else to try.  I tried $(e.target) but target is not even defined.

Hi
  I have a grid that is clientside paged. It seems I have 2 options to stop the grid resizing on the last page

(1) set a height on the grid, this works but it means that on the last page I get a gap at the bottom rather than the alternating lines, e.g. on a page of 20 items if I have 1 item on the last page I just get a bug blank space in the grid

(2) Add false lines, this works and looks right but then the items count of the grid is wrong

Is there any way of having false alternating lines at the bottom of the page but still having the count correct?

Thanks

If I have one page Gant  and Scheduler (or Gant  and Gant ) . How can I synchronize the move  time lines to scroll?

<div id="example" ng-app="KendoDemos" combine-horizontal-scrolls="k-grid-content">      
    <div ng-controller="MyCtrl" >      
        <div kendo-grid class="k-grid-content" options="mainGridOptions"></div> 
    </div>     
          <div ng-controller="twoCtrl" >       
        <div kendo-grid class="k-grid-content" options="mainGridOptions"></div> 
    </div>
</div>
…
myApp.directive('combineHorizontalScrolls', [function(){
var scrollLeft = 0;
function combine(elements){
elements.on('scroll', function(e){
if(e.isTrigger){
  e.target.scrollLeft = scrollLeft;
}else {
scrollLeft = e.target.scrollLeft;
elements.each(function (element) {
if( !this.isSameNode(e.target) ){$(this).trigger('scroll');}
});
}
});
}

return {
restrict: 'A',
replace: false,
compile: function(element, attrs){        
combine(element.find('.'+attrs.combineHorizontalScrolls));
}
};    
}]);

That's because only works in the Grid, but does not work in the Gantt

hi,
we are using kendo chart HTML5 version, currently our project requires a stacked grouped charts
the requirement is pretty similar to those in the demos
however i can't seem to find how to make the chart like in the demos (http://demos.telerik.com/kendo-ui/bar-charts/grouped-stacked-bar)
using remote data.
In our projects there 2 groups or whatever it is called, which is AcquiredValue and CurrentValue(in the demos is Male and Female)
we have 4 range which is for example AssetTypeA,AssetTypeB,AssetTypeC, and AssetTypeD (in the demos its the age part, 0-19,20-39,40-64,etc)
all are grouped by year (similar to those in demos, which is 1970, 1975, 1980 etc)
all data are required to be returned from the server

can you please help guide us what kind of server response in JSON format that we need to receive from the server
and the settings in the kendo chart html5 to achieve this?

thank you very much

Hi,

I am trying create Stacked Chart based on the demo example
from this url:
http://demos.telerik.com/aspnet-mvc/bar-charts/stacked-bar

But
the Stacked chart is not displaying any bar when the Data source is set.
I am able to get the Stacked Report using Report Designer from the same
Data source but not in Kendo Charts.

Here I have attacked the
Image of the my chart, sample data source in excel for your reference
and using below code to generate the report.

----- Code --

    @(Html.Kendo().Chart<IMF.CurrencyAssignmentSystem.Models.ReceiptAllocationDetails>()
        .Name("chart")
        .Title("Pre Transaction Position")
        .Legend(legend => legend
            .Position(ChartLegendPosition.Bottom)
        )
        .DataSource(ds => ds
                .Read(read => read.Action("GetChartDetails", "ReceiptAllocation"))
                .Group(group => group.Add(model => model.ResourceType))
        )
        .SeriesDefaults(seriesDefaults =>
            seriesDefaults.Bar().Stack(true)
                    .Field("PreTransactionPosition")
        )
        
        .Series(series =>
        {
            series.Column(model => model.PreTransactionPosition).Stack("N").GroupNameTemplate("PreTransaction");
        })
        .CategoryAxis(axis => axis
            .Categories(model => model.LenderId)
            .MajorGridLines(lines => lines.Visible(false))
        )
        .ValueAxis(axis => axis
            .Numeric()
            .Labels(labels => labels.Format("{0}"))
            .Line(line => line.Visible(false))
            .MajorGridLines(lines => lines.Visible(true))

        )
        
        .Tooltip(tooltip => tooltip
            .Visible(true)
        )
    )

--------

Here
I am trying to group it on the ResourceType field to get the Bars,
Lender Id on Axis and the value should be taken to create Stack Bar is
PreTransactionPosition.

I have tried doing several changes for the moving the fields in different places but could not get the chart.

Request you to look at these and give your suggestions.

Regards!

Whenever I have a div in my template the treeview will not create the nodes correctly. Even the selected item is incorrect. I included a plunker that shows the behavior. If I use a span it doesn't seem to have an issue.

http://plnkr.co/edit/zWZ6Hx?p=info

We are in the process of evaluating Kendo for use in our large single page web app to replace the Flex client.   Currently we need a TreeGrid component, which reads hierarchical datasources and displays them in a grid.   This is the only functionality that we need that Kendo doesn't have.

Is adding a TreeGrid on the horizon for Kendo?  If so, when would it be available?

Here is an example of what we need:
http://mleibman.github.com/SlickGrid/examples/example5-collapsing.html