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

Update Button on Not Closing Popup

5 Answers 115 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
Top achievements
Rank 1
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

Sort by
0
Rosen
Telerik team
answered on 24 Mar 2011, 03:45 PM
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
0
Tom
Top achievements
Rank 1
answered on 24 Mar 2011, 05:22 PM
Not to sound like complete newbie, but how do you apply it.
I tried by overwriting the existing files in both the "c:\Programs Files(x86)" and the project directories. Then, popup's just didn't work.  Wrong size and no content.
Can you please suggest the proper procedure.
0
Rosen
Telerik team
answered on 24 Mar 2011, 05:27 PM
Hi Tom,

You can find information on how to upgrade your project in our help documentation here.

Regards,
Rosen
the Telerik team
0
Tom
Top achievements
Rank 1
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>
0
Rosen
Telerik team
answered on 25 Mar 2011, 02:46 PM
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
Tags
Grid
Asked by
Tom
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Tom
Top achievements
Rank 1
Share this question
or