Here's my View.  I have enabled Popup editing, which works fine if I don't subscribe to the Change event.  

However, I need to show a Details window when someone clicks on a row.  

What seems to be happening is that my custom Edit and Delete buttons are triggering the Change event.  Is there any way to prevent that?  


@model IEnumerable<ITServiceApps.Application>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>

    <div @*class="right"*@ style="width: 1200px; overflow-x: scroll;">

        @(Html.Kendo().Grid<ITServiceApps.Application>()
        .Name("grid")
//        .Columns(columns => columns.AutoGenerate(action => { action.Width = "100px"; }))
.Columns(columns =>
{
                    columns.Command(command => command.Edit()).Width(45).Visible(true);
                    columns.Command(command => command.Destroy()).Width(45).Visible(true);   
                              
                    columns.Bound(c => c.Name).Width(100);
                    columns.Bound(c => c.RecordOwner).Width(100);
                    columns.Bound(c => c.Name).Width(100);
                    columns.Bound(c => c.Type).Width(100);
                    columns.Bound(c => c.RecordOwner).Width(100);
                    columns.Bound(c => c.RecordOwnerSubstitute).Width(100);
                    columns.Bound(c => c.ValidationDate).Width(100);
                    columns.Bound(c => c.Description).Width(100);
                    columns.Bound(c => c.Details).Width(100);
                    columns.Bound(c => c.Access).Width(100);
                    columns.Bound(c => c.HotlinePhone).Width(100);
                    columns.Bound(c => c.HotlineEmail).Width(100);
                    columns.Bound(c => c.HotlineServiceHours).Width(100);
                    columns.Bound(c => c.StatusValidDateStart).Width(100);
                    columns.Bound(c => c.StatusValidDateEnd).Width(100);
                    columns.Bound(c => c.Status).Width(100);
                    columns.Bound(c => c.GovernanceClass).Width(100);
                    columns.Bound(c => c.ResponsibleDepartment).Width(100);
                    columns.Bound(c => c.DegreeOfStandardization).Width(100);
                    columns.Bound(c => c.DataPrivacyCompliance).Width(100);
                    columns.Bound(c => c.DataPrivacyDocumentsUrl).Width(100);
                    columns.Bound(c => c.CITSectorCompliance).Width(100);
                    columns.Bound(c => c.RationaleIfNotCITSectorCompliance).Width(100);
                    columns.Bound(c => c.SLARelevance).Width(100);
                    columns.Bound(c => c.SWOTAnalysisURL).Width(100);
                    columns.Bound(c => c.ApplicationLanguages).Width(100);
                    columns.Bound(c => c.DataCenter).Width(100);
                    columns.Bound(c => c.ServiceDeskLocation).Width(100);
                    columns.Bound(c => c.ApplicationManagementCenter).Width(100);
                    columns.Bound(c => c.RemarkApplicationManagementCenter).Width(100);
                    columns.Bound(c => c.Architecture).Width(100);
                    columns.Bound(c => c.VisibleExternally).Width(100);
                    columns.Bound(c => c.ConnectionProtocol).Width(100);
                    columns.Bound(c => c.ECCRelevance).Width(100);
                    columns.Bound(c => c.ECCNLAN).Width(100);
                    columns.Bound(c => c.NumberOfNamedUsers).Width(100);
                    columns.Bound(c => c.ApplicationManagementCenter1).Width(100);
                    columns.Bound(c => c.OperationsModel).Width(100);
                    columns.Bound(c => c.AWV).Width(100);
                    columns.Bound(c => c.UsableInSolution).Width(100);
                    columns.Bound(c => c.StandAloneApplication).Width(100);
                    columns.Bound(c => c.Middleware).Width(100);
                    columns.Bound(c => c.System).Width(100);
                    columns.Bound(c => c.Remarks).Width(100);
                    columns.Bound(c => c.AdditionalDocuments).Width(100);
                    columns.Bound(c => c.Categorization).Width(100);
                    columns.Bound(c => c.Number).Width(100);
                    columns.Bound(c => c.ReportingCountry).Width(100);
                    columns.Bound(c => c.DistinctApplication).Width(100);
                    columns.Bound(c => c.Level).Width(100);
                    columns.Bound(c => c.FunctionalDomain).Width(100);
                    columns.Bound(c => c.ResponsibleWTFunnel).Width(100);
                    columns.Bound(c => c.GlobalApp).Width(100);
                    columns.Bound(c => c.ListOfCountries).Width(100);    
                })
        
                
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable(scrolling => scrolling.Enabled(true))
        // .Groupable()
        .Sortable()
        .Selectable(selection => selection.Enabled(true))        
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Model(model => model.Id(c => c.Id))                
            .Read(read => read.Action("Apps_Read", "ITDB"))
            .Update(update => update.Action("Update", "ITDB"))
            .Create(update => update.Action("Create", "ITDB"))
            .Destroy(update => update.Action("Delete", "ITDB"))   
         
            )
        .Resizable(resize => resize.Columns(true))
        .Filterable(filtering => filtering.Enabled(true))
        .Editable(e => e.Mode(GridEditMode.PopUp))
        .ColumnMenu(columnMenu => columnMenu.Enabled(true))   
        .Events(e => e.Change("onChange"))         
        
      )


@(Html.Kendo().Window().Name("Details")
    .Title("Application Details")
    .Visible(false)
    .Modal(true)
    .Draggable(true)
    .Width(800)
)

    </div>

<style scoped="scoped">
    .demo-section {
        width: 1100px;
    }

        .demo-section h3 {
            margin: 5px 0 15px 0;
            text-align: center;
        }

    .left {
        width: 220px;
        float: left;
        height: 100%;
    }

    .right {
        margin-left: 220px;
    }

</style>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<script type="text/x-kendo-template" id="template">
    <div id="details-container">
        <!-- this will be the content of the popup -->
        ApplicationName: <input type='text' value='#= Name #' />

    </div>
</script>

<script type="text/javascript">

    var detailsTemplate = kendo.template($("#template").html());
    var windowObject;
    var Id;
    var grid;

    $(document).ready(function () {
        windowObject = $("#Details").data("kendoWindow");
    });

    function onChange(e) {
        e.preventDefault();

        grid = e.sender;
        var currentDataItem = grid.dataItem(this.select());
        Id = currentDataItem.Id;

        var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

        windowObject.refresh({
            url: "/ITDB/Details/" + Id
        });
        windowObject.open();
        windowObject.center();
    }

    var detailsTemplate = kendo.template($("#template").html());

    function showDetails(e) {
        e.preventDefault();

        var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
        var wnd = $("#Details").data("kendoWindow");

        wnd.content(detailsTemplate(dataItem));
        wnd.center().open();
    }
    </script>

Hello,

I would like to make employee schedule management function with kendo ui scheduler.

and I need to set up break times on each employee's schedule.

the shape of time graph should be like this

#
#
#
#
%  << Break time
%
#
#
#

any ideas?
thanks.

After uppgradering to 2013.3.1324 I got a problem with chrome flickering the entire page when for example a grid filter menu was showed, I noticed in kendo-common-min.css that this style was removed, it was the first style in the file before in my old version.

:-webkit-any(body):after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    font: 0/0;
    -webkit-transform: translateZ(0);
}

after adding this style again the flickering was fixed, so what's up with this? Is something wrong with my other styles is this suposed to work without this style? I dont get any flickering with chrome on the demos that run the same style file without this style

/John.

The Typescript interface for slider has an error as well.
It has:

value(): void;
value(value: string): void;

But should be:
value(): number;
value(value: number): void;

Hello, I would like to disable the animation on the grid pop row editor. I notice there is an option to do this on other widgets, and I am wondering if the same exists for the kendo grid. Is this possible?

I have a simple Kendo AppBuilder project with 1 Local and 2 Remote Views. The 1st Remote View is in a SubFolder. 

The OnInit Event is supposed to fire once only, however on the 1st View it fires every time I navigate to it. If I move it out of the Sub Folder it seems to work as the documentation suggests (Init fires once only)

Why is this?

You can download the complete AppBuilder code here:   https://dl.dropboxusercontent.com/u/12105891/TestRemoteViews.zip

Hello,

I'm having trouble getting kendo Grid with a dynamic object type, or another object allowing me to contain any number of columns, so ordinances or fields keyValue pairs (side server or client, I prefere server side)

Here is the list of features I need already today:
Columns:
add column, (type numeric, date, string  values) 
remove column,

Rows:
edit/update row (InCell or onpopup...),
add row,
remove row,


Thanks,

Hello,

According to the docs, ActionSheet on iOS works like a modal dialog, clicking outside of it will not close the ActionSheet. However, I tried it on iPhone/iPad, it will close even it was clicked outside any selection buttons.

Anyway, my question is how to know if the ActionSheet is closed. There is a Close event, but it is only triggered if the Cancel button is selected. If you click outside to make the ActionSheet closing, the Close event will not be fired.

http://jsbin.com/yumiw/1/edit

Please help! Thansk!

I have a grid with a ComboBox:

[...]
.Columns(c=> {
     c.ForeignKey(o => o.Item, (IEnumerable<MyIdValueClass>)ViewBag.FK_Items, "Id", "Value").EditorTemplateName("ComboBox");
[...]

public class MyIdValueClass
  {
    public string Id { get; set; }
    public string Value { get; set; }
  }

Template Code:
@(Html.Kendo().ComboBox()
    .Name(ViewData.TemplateInfo.GetFullHtmlFieldName(""))
    .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
)


Whenever I type in a new entry (not selected from the dropdown) and click Update, the entry is saved into the database properly, but it shows up blank in the Grid.  If you subsequently click Edit, the value appears so that you can edit it.  Click Update or Cancel and it is still blank.  Only after refreshing the page will the value show up properly.  Entries selected from the dropdown list display properly.  How can I get the typed entries to display properly?

Thanks in advance,
Gary

We have a requirement in our product that a numerictextbox, set to currency mode, must be able to be a different culture than the culture of the page.

For example, most of our product will be kendo.culture("en-US").  However, I will have a currency input on the page whose culture needs to be "de-DE".

Is there a simple way of controlling a single control's culture?

Thanks,
Kyle