I have a radgrid on an aspx page and have set up an edit form template to edit one of the columns. The problem is when I click on the button to edit the column, instead of getting only the tables in the edit form I get those tables plus the remaining radgrid data under it. I have tried it as a modal popup, inline and all other possibilities with the same results each time. I've attached a couple of jpegs to show what I mean. Any help is appreciated.
7 Answers, 1 is accepted
0

Princy
Top achievements
Rank 2
answered on 17 Dec 2013, 04:36 AM
Hi John,
Below is a sample code snippet using edit mode as Popup, I couldn't replicate the issue with this, please try and let me know. If this doesn't help, please provide your full code snippet.
ASPX:
Thanks,
Princy
Below is a sample code snippet using edit mode as Popup, I couldn't replicate the issue with this, please try and let me know. If this doesn't help, please provide your full code snippet.
ASPX:
<
telerik:RadGrid
ID
=
"RadGrid_Products"
runat
=
"server"
AutoGenerateColumns
=
"False"
AllowPaging
=
"true"
DataSourceID
=
"SqlDataSource1"
>
<
MasterTableView
DataKeyNames
=
"OrderID"
EditMode
=
"PopUp"
CommandItemDisplay
=
"Top"
>
<
Columns
>
<
telerik:GridEditCommandColumn
ButtonType
=
"ImageButton"
UniqueName
=
"EditCommandColumn_Products"
/>
<
telerik:GridBoundColumn
DataField
=
"OrderID"
HeaderText
=
"OrderID"
UniqueName
=
"OrderID"
/>
</
Columns
>
<
EditFormSettings
EditFormType
=
"Template"
CaptionDataField
=
"OrderID"
PopUpSettings-ScrollBars
=
"Auto"
PopUpSettings-Modal
=
"True"
PopUpSettings-ShowCaptionInEditForm
=
"true"
>
<
FormTemplate
>
<
table
width
=
"100%"
>
<
tr
>
<
td
width
=
"10%"
align
=
"right"
>
OrderID:
</
td
>
<
td
colspan
=
"1"
>
<
telerik:RadTextBox
ID
=
"RadTextBox_Name"
runat
=
"server"
Width
=
"100%"
Text='<%# Bind("OrderID" ) %>' />
</
td
>
</
tr
>
<
tr
>
<
td
colspan
=
"2"
>
<
br
/>
<
asp:Button
ID
=
"btnUpdate"
Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />
<
asp:Button
ID
=
"btnCancel"
Text
=
"Cancel"
runat
=
"server"
CausesValidation
=
"False"
CommandName
=
"Cancel"
/>
</
td
>
</
tr
>
</
table
>
</
FormTemplate
>
</
EditFormSettings
>
</
MasterTableView
>
</
telerik:RadGrid
>
Thanks,
Princy
0

John
Top achievements
Rank 1
answered on 17 Dec 2013, 04:18 PM
Still the same problem. Here is the code snippet for the grid MasterTableView
<
MasterTableView
ShowFooter
=
"false"
DataKeyNames
=
"QuestionID"
AllowAutomaticInserts
=
"false"
CommandItemDisplay
=
"TopAndBottom"
CommandItemSettings-ShowAddNewRecordButton
=
"false"
AllowNaturalSort
=
"False"
EditMode
=
"PopUp"
HeaderStyle-BackColor
=
"#556D7B"
HeaderStyle-ForeColor
=
"White"
HeaderStyle-Font-Names
=
"Segoe UI"
ItemStyle-Font-Names
=
"Segoe UI"
>
<
CommandItemSettings
ExportToPdfText
=
"Export to PDF"
></
CommandItemSettings
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"Occurrence_ID"
HeaderText
=
"Occurrence_ID"
DataType
=
"System.Int32"
SortExpression
=
"Occurrence_ID"
UniqueName
=
"Occurrence_ID"
ReadOnly
=
"true"
Display
=
"false"
/>
<
telerik:GridBoundColumn
DataField
=
"QuestionID"
HeaderText
=
"QuestionID"
UniqueName
=
"QuestionID"
HeaderStyle-Width
=
"50px"
ItemStyle-Width
=
"50px"
ReadOnly
=
"true"
Display
=
"false"
DataType
=
"System.Int32"
SortExpression
=
"QuestionID"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"GroupID"
HeaderText
=
"GroupID"
UniqueName
=
"GroupID"
FilterControlAltText
=
"Filter GroupID column"
DataType
=
"System.Decimal"
SortExpression
=
"GroupID"
ReadOnly
=
"true"
Display
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"ItemNumber"
HeaderText
=
"#"
HeaderStyle-Width
=
"3%"
ItemStyle-Width
=
"3%"
ItemStyle-Font-Size
=
"X-Small"
ReadOnly
=
"true"
Display
=
"true"
SortExpression
=
"ItemNumber"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"FieldName"
HeaderText
=
"Field Name"
HeaderStyle-Font-Names
=
"Arial"
ItemStyle-Font-Names
=
"Arial"
HeaderStyle-Width
=
"20%"
ItemStyle-Width
=
"20%"
ItemStyle-Font-Size
=
"X-Small"
ReadOnly
=
"true"
Display
=
"true"
SortExpression
=
"FieldName"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"QuestionText"
HeaderText
=
"Question Text"
HeaderStyle-Width
=
"58%"
ItemStyle-Width
=
"58%"
ReadOnly
=
"true"
Display
=
"true"
SortExpression
=
"QuestionText"
ItemStyle-Font-Size
=
"X-Small"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"RatingScaleGroup"
HeaderText
=
"RatingScaleGroup"
HeaderStyle-Width
=
"45%"
ItemStyle-Width
=
"45%"
ReadOnly
=
"true"
Display
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Rate Question"
UniqueName
=
"RatingScaleID"
Readonly
=
"true"
HeaderStyle-Width
=
"1%"
ItemStyle-Width
=
"1%"
>
<
ItemTemplate
>
<
telerik:RadRating
ID
=
"RatingValue"
runat
=
"server"
AutoPostBack
=
"true"
DataMember
=
"RatingScaleID"
ViewStateMode
=
"Enabled"
SelectionMode
=
"Single"
ItemCount
=
"3"
Value='<%# Eval("RatingScaleID")%>'
OnRate="RateValue_Rate"
Precision="Item"
ItemHeight = "32px"
ItemWidth = "32px"
RegisterWithScriptManager="true">
<
Items
>
<
telerik:RadRatingItem
Value
=
"4"
HoveredImageUrl
=
"../../Images/NR_red.png"
HoveredSelectedImageUrl
=
"../../Images/NR_red.png"
SelectedImageUrl
=
"../../Images/NR_red.png"
ImageUrl
=
"../../Images/NR_black.png"
ToolTip
=
"Not Rated"
></
telerik:RadRatingItem
>
<
telerik:RadRatingItem
Value
=
"1"
HoveredImageUrl
=
"../../Images/Red_arrow_down_26x32.png"
HoveredSelectedImageUrl
=
"../../Images/black_arrow_down_26x32.png"
SelectedImageUrl
=
"../../Images/Red_arrow_down_26x32.png"
ImageUrl
=
"../../Images/Black_arrow_down_26x32.png"
ToolTip
=
"Doesn't Meet"
></
telerik:RadRatingItem
>
<
telerik:RadRatingItem
Value
=
"2"
HoveredImageUrl
=
"../../Images/Gold_arrow_left-right_32x32.png"
HoveredSelectedImageUrl
=
"../../Images/Gold_arrow_left-right_32x32.png"
SelectedImageUrl
=
"../../Images/Gold_arrow_left-right_32x32.png"
ImageUrl
=
"../../Images/Black_arrow_side-to-side.png"
ToolTip
=
"Meets"
>
</
telerik:RadRatingItem
>
<
telerik:RadRatingItem
Value
=
"3"
HoveredImageUrl
=
"../../Images/Green_arrow_up_26x32.png"
HoveredSelectedImageUrl
=
"../../Images/Green_arrow_up_26x32.png"
SelectedImageUrl
=
"../../Images/Green_arrow_up_26x32.png"
ImageUrl
=
"../../Images/Black_arrow_up_26x32.png"
ToolTip
=
"Exceeds"
>
</
telerik:RadRatingItem
>
</
Items
>
</
telerik:RadRating
>
<
telerik:RadRating
ID
=
"YesNoRating"
runat
=
"server"
AutoPostBack
=
"true"
DataMember
=
"RatingScaleID"
ViewStateMode
=
"Enabled"
SelectionMode
=
"Single"
ItemCount
=
"3"
Value='<%# Eval("RatingScaleID")%>'
OnRate="RateValue_Rate"
Precision="Item"
ItemHeight = "32px"
ItemWidth = "32px"
Visible = "false"
RegisterWithScriptManager="true">
<
Items
>
<
telerik:RadRatingItem
Value
=
"4"
HoveredImageUrl
=
"../../Images/NR_red.png"
HoveredSelectedImageUrl
=
"../../Images/NR_red.png"
SelectedImageUrl
=
"../../Images/NR_red.png"
ImageUrl
=
"../../Images/NR_black.png"
ToolTip
=
"Not Rated"
></
telerik:RadRatingItem
>
<
telerik:RadRatingItem
Value
=
"1"
HoveredImageUrl
=
"../../Images/N_red.png"
HoveredSelectedImageUrl
=
"../../Images/N_red.png"
SelectedImageUrl
=
"../../Images/N_red.png"
ImageUrl
=
"../../Images/N_black.png"
ToolTip
=
"No"
></
telerik:RadRatingItem
>
<
telerik:RadRatingItem
Value
=
"2"
HoveredImageUrl
=
"../../Images/Y-green.png"
HoveredSelectedImageUrl
=
"../../Images/Y-green.png"
SelectedImageUrl
=
"../../Images/Y-green.png"
ImageUrl
=
"../../Images/Y_black.png"
ToolTip
=
"Yes"
>
</
telerik:RadRatingItem
>
</
Items
>
</
telerik:RadRating
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridBoundColumn
DataField
=
"WeightingFactor"
HeaderText
=
"Wgt Factor"
UniqueName
=
"WeightingFactor"
HeaderStyle-Width
=
"3%"
ItemStyle-Width
=
"3%"
ReadOnly
=
"true"
Display
=
"false"
DataType
=
"System.Int32"
SortExpression
=
"WeightingFactor"
>
</
telerik:GridBoundColumn
>
<
telerik:GridCalculatedColumn
DataFields
=
"EvaluationValue,WeightingFactor"
UniqueName
=
"QuestionValue"
HeaderText
=
"Score"
FooterText
=
"Total Score"
Expression
=
"{0} * {1}"
Aggregate
=
"Sum"
HeaderStyle-Width
=
"3%"
ItemStyle-Width
=
"3%"
HeaderStyle-Font-Size
=
"x-Small"
ItemStyle-Font-Size
=
"X-Small"
>
</
telerik:GridCalculatedColumn
>
<
telerik:GridBoundColumn
DataField
=
"EvaluationComments"
HeaderText
=
"Comments"
UniqueName
=
"EvaluationComments"
HeaderStyle-Width
=
"25%"
ItemStyle-Width
=
"25%"
ReadOnly
=
"false"
Display
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridEditCommandColumn
UniqueName
=
"Comments"
EditText
=
"..."
ButtonType
=
"PushButton"
HeaderStyle-Width
=
"0.5%"
ItemStyle-width
=
"0.5%"
>
</
telerik:GridEditCommandColumn
>
</
Columns
>
<
EditFormSettings
EditFormType
=
"Template"
>
<
EditColumn
UniqueName
=
"Comments"
/>
<
PopUpSettings
Modal
=
"true"
Width
=
"600px"
Height
=
"300px"
ZIndex
=
"1000"
/>
<
FormTemplate
>
<
table
width
=
"600px"
>
<
tr
>
<
td
width
=
"100px"
>
<
b
>Comments</
b
>
</
td
>
<
td
colspan
=
"1"
>
<
asp:TextBox
ID
=
"tbEvaluationComments"
runat
=
"server"
TextMode
=
"MultiLine"
Width
=
"500px"
Text='<%# Bind("EvaluationComments") %>'>
</
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
=
"3"
>
<
asp:Button
ID
=
"btnUpdate"
Text
=
"Save Comment"
runat
=
"server"
CommandName
=
"Update"
>
</
asp:Button
>
<
asp:Button
ID
=
"btnCancel"
Text
=
"Close"
runat
=
"server"
CommandName
=
"Cancel"
>
</
asp:Button
>
<
asp:Button
ID
=
"btnClear"
Text
=
"Clear Text"
runat
=
"server"
CommandName
=
"Clear"
OnClick
=
"subClearText"
>
</
asp:Button
>
</
td
</tr
</table>
</
FormTemplate
>
</
EditFormSettings
>
<
PagerStyle
PageSizeControlType
=
"RadComboBox"
></
PagerStyle
>
</
MasterTableView
>
0

Princy
Top achievements
Rank 2
answered on 18 Dec 2013, 05:00 AM
Hi John,
I was able to replicate the issue. You where having the Grid with the PopUp because your table td, and tr tag were not closed properly.
Please correct the following code snippet.
ASPX:
Thanks,
Princy
I was able to replicate the issue. You where having the Grid with the PopUp because your table td, and tr tag were not closed properly.
Please correct the following code snippet.
ASPX:
<
EditFormSettings
EditFormType
=
"Template"
>
<
EditColumn
UniqueName
=
"Comments"
/>
<
PopUpSettings
Modal
=
"true"
Width
=
"600px"
Height
=
"300px"
ZIndex
=
"1000"
/>
<
FormTemplate
>
<
table
width
=
"600px"
>
<
tr
>
<
td
width
=
"100px"
>
<
b
>Comments</
b
>
</
td
>
<
td
colspan
=
"1"
>
<
asp:TextBox
ID
=
"tbEvaluationComments"
runat
=
"server"
TextMode
=
"MultiLine"
Width
=
"500px"
Text='<%# Bind("EvaluationComments") %>'>
</
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
=
"3"
>
<
asp:Button
ID
=
"btnUpdate"
Text
=
"Save Comment"
runat
=
"server"
CommandName
=
"Update"
>
</
asp:Button
>
<
asp:Button
ID
=
"btnCancel"
Text
=
"Close"
runat
=
"server"
CommandName
=
"Cancel"
>
</
asp:Button
>
<
asp:Button
ID
=
"btnClear"
Text
=
"Clear Text"
runat
=
"server"
CommandName
=
"Clear"
OnClick
=
"subClearText"
>
</
asp:Button
>
..............................Here you have to close the tags properly......................
</
td
>
</
tr
>
</
table
>
</
FormTemplate
>
</
EditFormSettings
>
Thanks,
Princy
0

John
Top achievements
Rank 1
answered on 18 Dec 2013, 02:50 PM
Thank you! I knew it was something I was missing there.
0

John
Top achievements
Rank 1
answered on 18 Dec 2013, 03:03 PM
One more question. I've added the Clear Text button to this edit form. It's function is to clear the text from the text box. I know it seems strange but it's a client request. My problem is I can't seem to get to the text box in code behind to clear the text from the box. Any suggestions would be appreciated.
0

Princy
Top achievements
Rank 2
answered on 19 Dec 2013, 04:26 AM
Hi John,
Please try the following code snippet to clear the TextBox values:
ASPX:
C#:
Thanks,
Princy
Please try the following code snippet to clear the TextBox values:
ASPX:
<
asp:Button
ID
=
"btnClear"
Text
=
"Clear Text"
runat
=
"server"
OnClick
=
"btnClear_Click"
>
</
asp:Button
>
C#:
protected
void
btnClear_Click(
object
sender, EventArgs e)
{
Button btn = (Button)sender;
GridEditableItem edit = (GridEditableItem)btn.NamingContainer;
TextBox txt = (TextBox)edit.FindControl(
"tbEvaluationComments"
);
txt.Text =
string
.Empty;
}
Thanks,
Princy
0

John
Top achievements
Rank 1
answered on 19 Dec 2013, 02:37 PM
Perfect! I wasn't sure how to get to the GridEdit part. All works perfect. Thanks for your help.