Hi ,

Does anyone know of a way to cancel the "ChangeRow" event if the user clicks an icon/link in that row?

In my example I have several rows , some of the rows have columns with links/icons ... If the user clicks these links/icons I want to launch the respective content BUT I do not want the row to be selected i.e. I don't want the "ChangeRow" to be triggered..

Is what I'm asking even possible? I tried cancelling  propogration of the event from the link/icon click BUT the "ChangeRow" of the KendoGrid still fires..

I am doing inline editing of rows in my grid. I am trying to hook into the change event of the dataSource, but can't seem to figure out how to get the currently selected row within that dataSource change event.

I am using the dataSource change event to set a dirty flag on the page so we can know when we can update the changes in bulk (I am not updating as I change a row, but instead doing a bulk update of the list of changed items)

Thanks,
--Ed

I am having problems getting data to show up in a grid when using WebApi which is built with the OpenAccess API "wizard" in a Kendo Grid built with ASP Helpers. I am 99.9% sure that the request header is asking for XML not JSON. I know with jQuery I can request it to be in "json" format, and if I bring data in through a model I can use a json serializer. But I am wanting to make an Web API call from a "razor, asp" built kendo control.
A visual will help:
​ @(Html.Kendo() Grid<CompanyAddress>()
.Name("grid1")
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Read(read => read
.Type(HttpVerbs.Get)
.Url(String.Format("/api/CompanyAddresses/GetByCompanyId/{0}", 1))))
.Pageable()
.Sortable())

I can do it all day long if I pass a model from code behind like:
​ @(Html.Kendo()
.Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(c => c.CompanyId).Width(140);
columns.Bound(c => c.DateEntered).Width(190);
columns.Bound(c => c.CompanyName);
columns.Bound(c => c.Website).Width(110);
})
.Sortable()
.Pageable()
.Scrollable()
.ClientDetailTemplateId("template")
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.ServerOperation(false))
))


And I know I can do this:
<script>
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
schema: {
model: {
fields: {
OrderID: { type: "number" },
Freight: { type: "number" },
ShipName: { type: "string" },
OrderDate: { type: "date" },
ShipCity: { type: "string" }
}
}
},
pageSize: 20,
serverPaging: true,
serverFiltering: true,
serverSorting: true
},
height: 430,
filterable: true,
sortable: true,
pageable: true,
columns: [{
field:"OrderID",
filterable: false
},
"Freight",
{
field: "OrderDate",
title: "Order Date",
width: 120,
format: "{0:MM/dd/yyyy}"
}, {
field: "ShipName",
title: "Ship Name",
width: 260
}, {
field: "ShipCity",
title: "Ship City",
width: 150
}
]
});
});
</script>

I feel as though there should be a line of code that allows me to do something like this:
.Read(read=>read.Accept("json").Type(HttpVerbs.Get).Url("/api/controller/").

Am I missing something?

I have a menu bar with an option that I want to open in a window. The contents of the window is dynamic and needs to be refreshed each time I open the window.

The first time I click on the option the window opens correctly, and when I click on the "close" icon, the window closes as expected.

The second time I click on the option, the window does not open. I suspect it has something to do with the state of the window.

Listed below is my code that I use to open the window:

    <script type="text/javascript">
        $(document).ready(function () {
            $(".menu-dialog").click(function () {
                var href = $(this).attr("href");
                var title = $(this).attr("title");
                var myWin = $("#anchor").kendoWindow({
                    width: "auto",
                    height: "auto",
                    modal: false,
                    resizable: true,
                    title: title,
                    content: href
                });
                return false;
            });
        });
    </script>

    <body>
        <div class="main">
            <div id="anchor"></div>
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear" />
<div class="footer" />

DevExpress PhoneJS supports partial views that allow you to share and reuse similar HTML markup among multiple views.

I need this feature right now in Kendo UI Mobile...  I'm thinking about doing some kind of work around possibly with Templates or a jQuery Clone method call but it's going to be pretty hacky...  Does Kendo UI Mobile have something similar to this already:

DevExpress's PhoneJS Partial Views are described here under Flexible View Rendering Engine:
http://phonejs.devexpress.com/

Thank,
Nathan

Hi ,

I have to dynamically create a Tabstrips . Suppose there are  Buttons(like 'profile" ,"Home", "ContactUS ","Services") .  Also I  have created partial view for this(profilePartialview , HomePartialview ,ContactusPartialView ,ServicePartialview) . Now when i click on "profile" than "profilePartialview" should be  rendered as tabStrips and Similary others. 

Please assist me how can i  achieve this.


Thanks,
Pawan

Hello
Currently there are 3 editable options incell,inline, and popup. However I would like to ask if there is possible to simply create totaly custome editor which will behave e.g like popup, with internal template but visulay it will be sepearte view. Not window over grid but view that e.g. will hide grid.

Regards
Marcin

Hi,

I have a requirement to implement a custom pager template.  Is this possible in KendoUI grid?  Basically, we need to add buttons within the paging footer like am 'Edit' button. It seems like other libraries support this, but I can't seem to be able to do this in Kendo. I know that I could use jQuery selectors, but that doesn't seem very maintainable in the long term.

Thanks!

Mark

Working with the scheduler, I want to be able to know when the user has changed the month/week/day so that I can fetch more events from the server rather than having to pass unnecessary data down on load.  Is there a good way to pull this off without wiring up to click events of the navigational controls? 

Databinding / Databound fires for a lot of other reasons, so that doesn't seem like an optimal solution. 

Hi,

I have a simple app I am testing kendo ui with, I have the following code :

$("#menu").kendoMenu({ select: function (e) {
        return;
    } });

And else where I set up events to the onKeyDown and onKeyUp like as follows :
document.onkeydown = function(event) {
        console.log('keydown');
    }

    document.onkeyup = function(event) {
        console.log('keyup');
    }


And the html for the menu is as follows :
<div id="mainMenu">
        <ul id="menu">
            <li>
                Debugging
                <ul>
                    <li id='cancelAll'>
                        Cancel all operations
                    </li>
                    <li id='cursorMode'>
                        Cursor modes
                        <ul>
                            <li id='cmNone'>None</li>
                            <li id='cmPoint'>Point</li>
                            <li id='cmLine'>Line</li>
                        </ul>
                    </li>
                    <li id='measureMode'>
                        Measure modes
                        <ul>
                            <li id='mmlengths'>Lengths</li>
                            <li id='mmpolylength'>PolyLength</li>
                            <li id='mmarea'>Area</li>
                        </ul>
                    </li>
                    <li id='dimensionMode'>
                        Dimension modes
                        <ul>
                            <li id='dim_count'>Count</li>
                            <li id='dim_length'>Length</li>
                            <li id='dim_area'>Area</li>
                            <li id='dim_object'>Object</li>
                            <li id='dim_none'>None</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

As soon as I select a sub menu option like 'Count' under Dimension modes, the onKeyDown does not trigger anymore, but if I click outside my app to a blank space on the browser and back again, the event starts working again?

Any ideas of what I could be doing wrong, and for completeness the onKeyUp always works ?????

Thank you in advance.

Jason