Hi petur,
It is simple kendo grid with create button and custom button in toolbar, custom button should give me popup window.
When i click that custom button, it doesnot open popup window, it redirects to the action of create button and i get the screen as in the attached file above.
It's simple i am just trying to open popup window from the custom button name "Create kit", which is not allowing me to do so, if there is Create button also.
I want both Create and custom button together in the grid toolbar. Create button is working fine but if i click custom button name "Create kit" it is not giving me popup window, I just want blank popup window if it is clicked.
Below is my partial page:
<script type="text/javascript">
$(document).ready(function () {
$("#CreatekitID").click(function (e) {
$("#workshopKitModalWindow").load('@Url.Action("RegimeSequenceCreateKit","KitList")');
$("#window").data("kendoWindow").center().open();
});
});
</script>
@(Html.Kendo().Window()
.Name("window")
.Width(1100)
.Height(400)
.Draggable()
.Resizable()
.Modal(true)
.Title("Create Kit")
.Actions(actions => actions.Close())
.Content(@<text>
<div id="workshopKitModalWindow">
</div>
</text>)
)
@(Html.Kendo().Grid<ServiceRegimeSequence>()
.Name("ServiceRegimeSequenceList_" + ViewData["ServiceRegimeId"])
.Sortable()
.Pageable(paging =>
{
paging.Enabled(true);
paging.Info(true);
paging.PageSizes(true);
paging.Numeric(true);
paging.PreviousNext(true);
paging.Refresh(true);
paging.PageSizes(new int[5] { 5, 10, 15, 20, 25 });
})
.DataSource(dataSource => dataSource
.Ajax()
.Events(events =>
{
events.RequestEnd("onServiceRegimeSequenceListRequestEnd");
events.Error("onServiceRegimeSequenceListError");
events.Change("onServiceRegimeSequenceListChange");
})
.PageSize(15)
.Model(model =>
{
model.Id(f => f.REGIME_SEQ_ID);
model.Field(f => f.REGIME_ID).DefaultValue(ViewData["ServiceRegimeId"]);
model.Field(f => f.SEQUENCE).DefaultValue(ViewData["Sequence"] != null ? (short)ViewData["Sequence"] : (short)1);
})
.Read(read => read.Action("_ServiceRegimeSequenceList", "ServiceRegimeSequenceList", new { serviceRegimeId = ViewData["ServiceRegimeId"] }))
.Update(update => update.Action("_ServiceRegimeSequenceEdit", "ServiceRegimeSequenceList"))
.Create(create => create.Action("_ServiceRegimeSequenceCreate", "ServiceRegimeSequenceList"))
.Destroy(destroy => destroy.Action("_ServiceRegimeSequenceDelete", "ServiceRegimeSequenceList"))
)
.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
.ToolBar(toolbar =>
{
toolbar.Create().HtmlAttributes(new { @id = "AddbuttonID", @style = "color: black;" });
toolbar.Custom().Name("Create kit").HtmlAttributes(new { @id = "CreatekitID" });
})
.Editable(editable =>
{
editable.Mode(GridEditMode.InLine);
})
.Reorderable(reorder => reorder.Columns(true))
.Filterable()
.Columns(columns =>
{
columns.Bound(f => f.REGIME_ID).Hidden(true);
columns.Bound(f => f.SEQUENCE).Title("Sequence").Width("120px");
columns.Command(command =>
{
command.Edit();
command.Destroy();
}).Width(200).Title("Commands").HeaderHtmlAttributes(new { @style = "text-align:center" });
})
)