I would like to use a template for my upload widget that creates a link to the file so the user can preview them.  However I can't figure out how to pass the file path into the template.

 var draftFiles = [
@foreach(var a in Model.InvoiceDraftCopies)
{
@:{ name: "@(a.FileName)", extension: "@(a.FileExtension)", size: "@(a.FileSize)", path: "@(a.FilePath)" },
}
];

template: kendo.template("<a href='#=path#' target='_blank'>#=name#</a><button type='button' class='k-upload-action'></button>")

I added "path" to the initialfiles array, but can't get to it in the template.  I get an error on #=path#. ('path' is undefined).

I'd like some advice on whether I should stay with webforms, or move onto kendo ui. I do web app development in a public hospital. I'm in the reporting area, rather than IT, but mainly I develop handy little data-centric apps where the main patient management system is too cumbersome and limited, or spreadsheets are too fiddly and error prone. There is almost always an element of looking up some data from our data warehouse (enter a number and get all the information we have about the patient, their hospital episodes etc), plus add extra data, such as: when did I try to contact this patient? what status will I assign to them on the waitlist now etc. 

I have done all of this using a very simple approach using webforms, sql server, mainly sqldatasource for databinding, and either Telerik ajax or straight javascript/jquery. The whole MVC and Entity framework thing - yes I can see it has its advantages for more complex applications, but it all seems overkill for what I do.

However, when I look at Kendo UI, I am attracted by the simplicity and elegance of the code. I do sometimes get a bit of a mess with the combination of client-side and server side code, and try to deal with all sorts of events on what is often in effect a single page app. 

This is what I'd LIKE to do, (but is it possible or advisable?):

1. Create apps that use only html, javascript/query and kendo UI
2. Keep the data binding really simple still - but perhaps move to something a bit more sophisticated like Dapper
3. Avoid MVC, Angular, React, entity framework etc etc that seem to require so much coding and abstraction, and sometimes get in the way

I suppose I'm more of a workplace problem solver and UI designer than a coder (as you may have picked up already) - my "customers" think what I do for them is great - of course they don't know that the bits they can't see are decidedly uncool and unhip.

Well, this has been a bit of a ramble, but if anyone could perhaps point out some good tutorials or a book that would be useful I'd be most appreciative.

Hello. I am trying to work with a ForeignKey DropDownList in the Edit event and at the time the Edit event fires, the kendoDropDownList has not been created yet. Is there an event that I can work with after Edit to modify Kendo widgets that are created at that time?

Background - I want to disable the dropdownlist if another property is false. This works fine responding to that field change because the dropdownlist is already created.

Relevant simplified snippets:

C#

JS

When trying to edit, add or delete from a grid I am using the external form or reactive forms editing customization setup described on the Kendo UI site. I'm getting these 2 errors

Build:Binding element 'dataItem' implicitly has an 'any' type 

Build:Binding element 'sender' implicitly has an 'any' type 

These are the locations where they are called. Any suggestions would help. Thanks

 protected addHandler({ sender }) {
      protected addHandler(sender: any) {
            this.closeEditor(sender);
            
        sender.addRow(new Product());

}

public editHandler({ dataItem }) {
        this.editDataItem = dataItem;
        this.isNew = false;
    }

Hello!

What are the advantages and disadvantages of integrating the Bootstrap framework into a Kendo UI web application?

Doing so, does this enhance any features of existing Kendo UI widgets? Are there any limitations? Is there a case study of a real project built with Kendo UI widgets, and then being integrated with the Bootstrap framework? What would be the reasons to use Bootstrap framework? Are there any alternative approaches?

Our goal is to make our Kendo UI web application more responsive (desktop, tablet, smartphone). Right now it uses a Kendo Splitter > TabStrip > Grid (= Grid in a TabStrip, TabStrip in a Splitter).

Best regards,

Kaan

Hi there, I have a couple time pickers for selecting a start and end time. Is there anyway I can modify the template of the second dropdown, so it shows the duration from the start time? For example, if the user selects the start time as 1pm, I would like the end time dropdown to show the following options: "1:00pm (0 minutes)", "1:30pm (30 minutes)", "2:00pm (60 minutes)" and so on. Is there anyway to customize the existing time picker to add this functionality?

Thanks,

Dwight

Hi,

The icons in the grid are not rendered correctly.

The code used is as follows:

@(Html.Kendo().Grid<ContosoUniversity.ViewModels.EmployeeViewModel>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.UUId).Width(140);
            columns.Bound(c => c.FullName).Width(190);
            columns.Bound(c => c.PrimaryTeamName);
            columns.Bound(c => c.AlertCount).Width(110);
        })
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable()
        .Groupable()
        .Sortable()
        .Filterable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(20)
          .Read(read => read.Action("GridEmployeeStatusRead", "KendoGrid"))
      )
)

The style used are

        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="~/css/site.css" />
        <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.common-bootstrap.min.css" />
        <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap.min.css" />

As shown by the attached image the filter icons are not shown and the paging icons have a superimposed G.

Anyone experienced a similar issue? Is there any workaround?

The HTML is generated only by the razor without further manipulation.

Any sugestion is welcome.

Thank you.