<telerik:GridTemplateColumn HeaderText="Options" UniqueName="Options">
<ItemTemplate>
<telerik:RadComboBox ID="rcbOptions" runat="server" AllowCustomText="True"
HighlightTemplatedItems="True" EmptyMessage="(Select)">
<Items>
<telerik:RadComboBoxItem Text="Option1" Value='<%#Eval("URL1") %>' />
<telerik:RadComboBoxItem Text="Option2" Value='<%#Eval("URL2") %>' />
<telerik:RadComboBoxItem Text="Option3" Value='<%#Eval("URL3") %>' />
</Items>
</telerik:RadComboBox>
</ItemTemplate>
</telerik:GridTemplateColumn>

<ConfirmTemplate>
<div style="text-align: center">
{1}
<br />
<br />
<input id="btnYes" type="button" value="Yes" onclick="$find('{0}').close(true);" />
<input id="btnNo" type="button" value="No" onclick="$find('{0}').close(false);" />
<input id="btnCancel" type="button" value="Cancel" onclick="$find('{0}').close(null);" />
</div>
</ConfirmTemplate>
the radconfirm is ok, and it returns null when user click on "Cancel" button. but the problem is I have to call the radconfirm inside the treeview ClientNodeClicking event, and radconfirm has CallBackFunction, and in CallBackFunction I can not execute:
eventArgs.set_cancel(true);
becuase eventArgs is avilable only in ClientNodeClicking.While I'm at it . . .
I have an edit form template which is nested in a panel bar. I'm having trouble accessing the form objects in the template from the code behind. Here is the panel bar/grid/template:
| <telerik:RadPanelBar runat="server" ID="panelDisputeHistory" Skin="Web20" Width="98%"> |
| <CollapseAnimation Type="None"></CollapseAnimation> |
| <Items> |
| <telerik:RadPanelItem Text="Dispute History" Expanded="False"> |
| <Items> |
| <telerik:RadPanelItem Text="" Value="pnlItemDisputeHistory"> |
| <ItemTemplate> |
| <div> |
| <!-- Begin dispute history section --> |
| <telerik:RadGrid ID="grdDisputes" runat="server" DataSourceID="sqlDisputes" Skin="Default" |
| AllowPaging="false" AllowSorting="True" |
| FilterItemStyle-HorizontalAlign="center" Width="700px" Height="400px" |
| ShowStatusBar="false" GridLines="Both" |
| AutoGenerateColumns="False" HeaderStyle-Font-Size="X-Small" HorizontalAlign="NotSet" |
| OnUpdateCommand="grdDisputes_UpdateCommand" CommandItemDisplay="Top" |
| OnInsertCommand="grdDisputes_InsertCommand" OnDeleteCommand="grdDisputes_DeleteCommand" OnItemDataBound="grdDisputes_ItemDataBound"> |
| <MasterTableView DataSourceID="sqlDisputes" PageSize="50" |
| Width="700px" DataKeyNames="ID" ItemStyle-Font-Size="X-Small"> |
| <Columns> |
| </Columns> |
| <EditFormSettings EditFormType="Template"> |
| <EditColumn uniquename="EditCommandColumn1"></EditColumn> |
| <FormTemplate> |
| <table width="100%" cellpadding="2" cellspacing="2" border="0" class="standard_table_no_border"> |
| <tbody> |
| <tr> |
| <td style="" colspan="3">Invoice Amount |
| <asp:TextBox ID="txtInvoiceAmt" runat="server" width="50" Font-Size="X-Small" Text='<%#Eval("INVOICE_AMT", "{0:n2}") %>'></asp:TextBox> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </FormTemplate> |
| <PopUpSettings ScrollBars="None" /> |
| </EditFormSettings> |
| </MasterTableView> |
| </telerik:RadGrid> |
| <!-- End dispute section --> |
| </div> |
| </ItemTemplate> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| </Items> |
| <ExpandAnimation Type="None"></ExpandAnimation> |
| </telerik:RadPanelBar> |
| TextBox txtInvoiceAmt = (TextBox)panelDisputeHistory.FindItemByValue("pnlItemDisputeHistory").FindControl("grdDisputes").FindControl("txtInvoiceAmt"); |
Nothing seems to work. Any ideas?
Thanks again.
Rich
I have developed a webpart in SharePoint Foundation 2010, and use RadGrid control in it. I have following codes:
Panel pnl = new Panel();
pnl.ID =
"Panel1";
pnl.Attributes.Add(
"style", "Overflow-x:auto");
pnl.Width = System.Web.UI.WebControls.Unit.Percentage(100);
pnl.Controls.Add(radGridInstance);
It runs well first. But after scrolling, UI RadGrid appears a vertical line and no border in header.
I have no set skin of RadGrid.
I have a attached screenshot.
Thanks in advance.
Tuan
| <telerik:RadComboBox ID="Location" Style="float: left; font-weight: bold;" skin="WebBlue" SelectedValue='<%# Bind( "Location" ) %>' runat="server" > |
| <Items> |
| <telerik:RadComboBoxItem Text="Fuquay" Value="Fuquay" /> |
| <telerik:RadComboBoxItem Text="Ogden" Value="Ogden" /> |
| </Items> |
| </telerik:RadComboBox> |
| <telerik:RadTextBox ID="EnteredBy" skin="WebBlue" MaxLength="50" Text='<%# Bind( "EnteredBy" ) %>' runat="server" /> |
| if (Session["EnteredBy"] == null) |
| { |
| RadTextBox EnteredBy = (RadTextBox)e.Item.FindControl("EnteredBy"); |
| if (EnteredBy != null) |
| { |
| Session["EnteredBy"] = EnteredBy.Text; |
| } |
| } |
| if (Session["Location"] == null) |
| { |
| RadComboBox Location = (RadComboBox)e.Item.FindControl("Location"); |
| if (Location != null) |
| { |
| Session["Location"] = Location.SelectedValue; |
| } |
| } |
| if (e.Item is GridEditFormItem) |
| { |
| RadTextBox EnteredBy = (RadTextBox)e.Item.FindControl("EnteredBy"); |
| if (EnteredBy != null) |
| { |
| if (Session["EnteredBy"] != null) |
| { |
| EnteredBy.Text = Session["EnteredBy"].ToString(); |
| } |
| } |
| RadComboBox Location = (RadComboBox)e.Item.FindControl("Location"); |
| if (Location != null) |
| { |
| if (Session["Location"] != null) |
| { |
| Location.SelectedValue = Session["Location"].ToString(); |
| } |
| else |
| { |
| Location.SelectedValue = "Fuquay"; |
| } |
| } |
| } |
| /* <subitems> */ |
| .RadPanelBar_ProdPanelBannered .rpGroup |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpLevel1 .rpLink |
| { |
| display:block; |
| border-collapse:collapse; |
| width:210px; |
| height: 16px; |
| background:#FFFFFF; |
| font: 10px/14px Arial, sans-serif !important; |
| font-weight: bold !important; |
| color:#D12421; |
| text-align:left; |
| border-bottom:1px solid #EDB512 !important; |
| border-top:1px solid #FFFFFF !important; |
| padding:0px 0px 0px 10px; |
| margin-right:10px; |
| margin-left: 10px; |
| whitewhite-space: normal; |
| float: left; |
| } |
| .RadPanelBar_ProdPanelBannered .rpLevel1 .rpLink:hover, |
| .RadPanelBar_ProdPanelBannered .rpLevel1 .rpSelected |
| { |
| display:block; |
| border-collapse:collapse; |
| width:210px; |
| height: 16px; |
| background:#EDB512 !important; |
| font: 10px/14px Arial, sans-serif !important; |
| font-weight: bold !important; |
| color:#D12421; |
| text-align:left; |
| border-bottom:1px solid #EDB512 !important; |
| border-top:1px solid #FFFFFF !important; |
| padding:0px 0px 0px 10px; |
| margin-right:20px; |
| margin-left: 10px; |
| whitewhite-space:normal; |
| float: left; |
| } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpTemplate |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink:hover |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink .rpOut |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpSelected, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpSelected:hover |
| { |
| } |
| /* <subitems (disabled)> */ |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpDisabled, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpDisabled:hover, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpDisabled .rpOut |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpDisabled, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpDisabled:hover |
| { |
| } |
| /* <subitems (disabled)> */ |
| /* </subitems> */ |
| /* <background positioning> */ |
| .RadPanelBar_ProdPanelBannered .rpLink, |
| .RadPanelBar_ProdPanelBannered .rpExpanded |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpFocused, |
| .RadPanelBar_ProdPanelBannered .rpLink:hover, |
| .RadPanelBar_ProdPanelBannered .rpExpanded:hover |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpSelected, |
| .RadPanelBar_ProdPanelBannered .rpSelected:hover |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpFirst .rpLink, |
| .RadPanelBar_ProdPanelBannered .rpFirst .rpExpanded |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpFirst .rpFocused, |
| .RadPanelBar_ProdPanelBannered .rpFirst .rpLink:hover |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpFirst .rpSelected, |
| .RadPanelBar_ProdPanelBannered .rpFirst .rpSelected:hover |
| { |
| } |
| /* <root items (disabled)> */ |
| .RadPanelBar_ProdPanelBannered .rpDisabled:hover |
| { |
| cursor: ProdPanelBannered; |
| } |
| .RadPanelBar_ProdPanelBannered .rpDisabled, |
| .RadPanelBar_ProdPanelBannered .rpDisabled:hover, |
| .RadPanelBar_ProdPanelBannered .rpDisabled:hover .rpOut |
| { |
| /*background-position: 0 0;*/ |
| } |
| /* </root items (disabled)> */ |
| /* <expand arrows> */ |
| .RadPanelBar_ProdPanelBannered .rpExpandable .rpText, |
| .RadPanelBar_ProdPanelBannered .rpExpanded .rpText |
| { |
| } |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpandable .rpText, |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpanded .rpText |
| { |
| } |
| .RadPanelBar_ProdPanelBannered_rtl .rpGroup .rpText |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpExpandable .rpText { } |
| .RadPanelBar_ProdPanelBannered .rpExpanded .rpText { } |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpandable .rpText { } |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpanded .rpText { } |
| .RadPanelBar_ProdPanelBannered .rpExpandable.rpSelected .rpText, |
| .RadPanelBar_ProdPanelBannered .rpExpandable.rpSelected:hover .rpText |
| { |
| } |
| .RadPanelBar_ProdPanelBannered .rpExpanded.rpSelected .rpText, |
| .RadPanelBar_ProdPanelBannered .rpExpanded.rpSelected:hover .rpText |
| { |
| } |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpandable.rpSelected .rpText, |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpandable.rpSelected:hover .rpText |
| { |
| } |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpanded.rpSelected .rpText, |
| .RadPanelBar_ProdPanelBannered_rtl .rpExpanded.rpSelected:hover .rpText |
| { |
| } |
| /* </expand arrows> */ |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink .rpOut { } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink:hover, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpFocused { } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpLink:hover .rpOut, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpFocused .rpOut { } |
| /* <subitems (selected)> */ |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpSelected, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpSelected:hover { } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpSelected .rpOut, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpSelected:hover .rpOut { } |
| /* </subitems (selected)> */ |
| /* <subitems (expand arrows)> */ |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpExpandable .rpText, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpExpandable:hover .rpText { } |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpExpanded .rpText, |
| .RadPanelBar_ProdPanelBannered .rpGroup .rpExpanded:hover .rpText { } |
| .RadPanelBar_ProdPanelBannered_rtl .rpGroup .rpExpandable .rpText, |
| .RadPanelBar_ProdPanelBannered_rtl .rpGroup .rpExpandable:hover .rpText { } |
| .RadPanelBar_ProdPanelBannered_rtl .rpGroup .rpExpanded .rpText, |
| .RadPanelBar_ProdPanelBannered_rtl .rpGroup .rpExpanded:hover .rpText { } |
| /* </subitems (expand arrows)> */ |
| /* </background positioning> */ |