prevent postback

[Alex]

Is it possible to prevent a postback from occurring when clicking the button, but still be able to to the click event to call a client-side javascript function?

[Alex]

I should also mention that I'm trying to add this button to the grid toolbar much like this example. But everytime I click the button it posts back to the server.

[Ivan Danchev]

Hello Alex,

Could you post your Grid toolbar template's content as well as the button's click handler. Knowing your configuration will allow us to test the button's behavior and find what is causing the unexpected behavior you are facing.

Regards,
Ivan Danchev
Telerik by Progress

[Alex]

I have attached my view that has the toolbar template (_gridmaster). All the buttons in the template cause this issue, even with no event attached.

_gridmaster is a partial view that sits inside a tabstrip, which is inside an Ajax.BeginForm. You can see this in teh Read.cshtml. The specific tab is called "Data Collection Steps"

 

 

[Ivan Danchev]

Hello Alex,

Thank you for demonstrating your scenario.
The attached page is not runnable due to multiple missing dependencies, however we simulated your scenario (TabStrip in form and a tab loading a partial view containing a Grid with a Button in its toolbar template) and indeed clicking the button submits the page. This behavior is expected, but you can workaround it by preventing the button's click event.  If needed you can execute code prior to preventing the event with e.preventDefault as shown in the example below:

@(Html.Kendo().Button()
    .Name("button")
    .Events(e => e.Click("onButtonClick"))
    .Content("Refresh")
    .Icon("refresh")
    .HtmlAttributes(new { @class = "btn btn-primary", title = "Refresh Grid", data_toggle = "tooltip" })
)

function onButtonClick(e) {
    var grid = $('#grid').data('kendoGrid');
    grid.dataSource.read();
    e.preventDefault();
}

Regards,
Ivan Danchev
Telerik by Progress