This is a migrated thread and some comments may be shown as answers.

Update Button on Not Closing Popup

5 Answers 117 Views

Grid

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Tom asked on 24 Mar 2011, 03:34 PM

I have the following view using Ajax Editing. Everything works correctly except that when I press the Update Button, the Popup window is not closing. I'm using VS2010. Your MVC Controls v.2011.1.224.340

@{

ViewBag.Title = "List of Programs";

}

<h2>

Index</h2>

<div >

@(Html.Telerik().Grid<CdDemo.Models.Program>()

.Name("Grid")

.ToolBar(commands => commands.Insert())

.DataKeys(keys => keys.Add(c => c.ProgramId))

.DataBinding(dataBinding =>

{

dataBinding.Ajax()

.Select("SelectAjaxEditing", "Programs")

.Insert("InsertAjaxEditing", "Programs")

.Update("SaveAjaxEditing", "Programs")

.Delete("DeleteAjaxEditing", "Programs");

})

.Columns(columns =>

{

columns.Bound(o => o.Name);

columns.Bound(o => o.Address);

columns.Bound(o => o.City);

columns.Bound(o => o.State);

columns.Bound(o => o.Zip);

columns.Bound(o => o.Contact);

columns.Bound(o => o.Phone);

columns.Bound(o => o.Fax);

columns.Command(commands =>

{

commands.Edit();

commands.Delete();

});

})

.Editable(editing => editing.Mode(GridEditMode.PopUp))

.Sortable()

.Pageable()

.Filterable()

)</div>

5 Answers, 1 is accepted

answered on 24 Mar 2011, 03:45 PM

Telerik-Extensions-for-ASPNET-MVC-2011-1-324-hotfix.zip

Hello Tom,

Indeed this is a known issue which has already been addressed. Please find attached the latest internal build.

All the best,
Rosen
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!

answered on 25 Mar 2011, 02:31 PM

Thanks for link. Info worked.

However, updated code had a problem for me. What happens is that the popup's html is not generated correctly. If I'm reading the popup's html correctly, see below. The <div class="t-edit-form-container"> should be placed inside the <body> tag inside of the <iframe>. What I'm seeing is that the form is twice as tall as it should be with an Iframe at the top and the edit form at the bottom.

<div class="t-window-content t-content" style="">

<form class="t-edit-form" id="Gridform">

<iframe src="" title="" frameborder="0" style="border:0;width:100%;height:100%;">This page requires frames in order to show content</iframe>

<div class="t-edit-form-container"><div class="editor-label"><label for="Name">Name</label></div>

<div class="editor-field"><input class="text-box single-line valid" data-val="true" data-val-length="The field Name must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Name field is required." id="Name" name="Name" type="text" value=""> <span class="field-valiion-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="Address">Address</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-length="The field Address must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Address field is required." id="Address" name="Address" type="text" value=""> <span class="field-validation-valid" data-valmsg-for="Address" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="City">City</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-length="The field City must be a string with a maximum length of 20." data-val-length-max="20" data-val-required="The City field is required." id="City" name="City" type="text" value=""> <span class="field-validation-valid" data-valmsg-for="City" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="State">State</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-length="The field State must be a string with a minimum length of 2 and a maximum length of 2." data-val-length-max="2" data-val-length-min="2" data-val-required="The State field is required." id="State" name="State" type="text" value=""> <span class="field-validation-valid" data-valmsg-for="State" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="Zip">Zip</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-regex=

"The field Zip must match the regular expression &#39;^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z]\d[a-zA-Z]\d)$&#39;."

data-val-regex-pattern="^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z]\d[a-zA-Z]\d)$" data-val-required="The Zip field is required." id="Zip" name="Zip" type="text" value=""> <span class="field-validation-valid" data-valmsg-for="Zip" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="Contact">Contact</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-length="The field Contact must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Contact field is required." id="Contact" name="Contact" type="text" value=""> <span class="field-validation-valid" data-valmsg-for="Contact" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="Phone">Phone</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-length="The field Phone must be a string with a maximum length of 20." data-val-length-max="20" id="Phone" name="Phone" type="text" value="..."> <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span></div>

<div class="editor-label"><label for="Fax">Fax</label></div>

<div class="editor-field"><input class="text-box single-line" data-val="true" data-val-length="The field Fax must be a string with a maximum length of 20." data-val-length-max="20" id="Fax" name="Fax" type="text" value="..."> <span class="field-validation-valid" data-valmsg-for="Fax" data-valmsg-replace="true"></span></div>

<a href="#" class="t-button t-grid-update">Update</a><a href="#" class="t-button t-grid-cancel">Cancel</a></div></form></div>

answered on 25 Mar 2011, 02:46 PM

Telerik-Extensions-for-ASPNET-MVC-2011-1-325-hotfix.zip

Hello Tom,

This is also a known issue which is resolved too. I have attached a newer build for your convenience.

Regards,
Rosen
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!