This question is locked. New answers and comments are not allowed.
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
0
Hello Tom,
Rosen
the Telerik team
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.
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
Hi Tom,
Rosen
the Telerik team
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
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 '^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z]\d[a-zA-Z]\d)$'."
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
Hello Tom,
Rosen
the Telerik team
This is also a known issue which is resolved too. I have attached a newer build for your convenience.
Regards,Rosen
the Telerik team