Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
89 views
I have a radgrid which gets bound to a dataset returned by a stored procedure. I have 3 hyperlink 'options' that gets generated dynamically from the DB. Instead of creating 3 columns with links, I just wanted a dropdownlist that users can select from and a button that will trigger the redirect to a page referenced by the links.

Also, I added the button on the template column but can't get it to display , I'll just create an image button then on another template column. But on the on-click event, when I do a findcontrol, I can't seem to see the radcombobox so I can reference the selected value and redirect the user to the link. Please advise. Code samples would help. Thanks!

I have code similar to below:

 

 

<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>


 

Radoslav
Telerik team
 answered on 03 Jun 2010
1 answer
121 views
I need to select the date from RadDatepicker in single click. But now I need to double click to select the date. Could you please help me to fix this issue ?

Thanks
Ragupathi
Shinu
Top achievements
Rank 2
 answered on 03 Jun 2010
1 answer
108 views

Dears,

I am using RadTree in my web page, I want to ask a user before moving from selected node to another
"Do you want to save changes?"  and give hime the following button options: Yes, No, and Cancel. Becuase javascript confirm has only Ok and cancel button, I used radconfirm and change the template as the following:

 

<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.
So, could you please help me in that.
Yana
Telerik team
 answered on 03 Jun 2010
1 answer
57 views

I am trying to inherit GridBoundColumn.

where i override preparecell method.

I am putting an ImageButton  in GridDataItem.

now i need to fire owner grid ItemCommand event on this ImageButton's  Click event.

How can i do that?

check out this code.

[ToolboxData("<{0}:ActiveDeactiveColumn runat=server></{0}:ActiveDeactiveColumn>")]
    public class ActiveDeactiveColumn : GridBoundColumn
    {
        public override void PrepareCell(TableCell cell, GridItem item)
        {
          
            if (item is GridHeaderItem)
            {
                Literal lt = new Literal();

                lt.Text = this.HeaderText;

                cell.Controls.Add(lt);
            }

            if (item is GridDataItem)
            {

                ImageButton imgBtn = new ImageButton();

                bool value = (Boolean)DataBinder.Eval(item.DataItem, this.DataField);

                String url = value ? "OSS.Resources.tick.gif" : "OSS.Resources.cross.gif";

                imgBtn.ImageUrl = this.Owner.OwnerGrid.Page.ClientScript.GetWebResourceUrl(this.GetType(), url);

                imgBtn.OnClientClick = "return confirm('Are you sure want to " + (value ? "deactivate" : "activate") + " this record?')";

                imgBtn.CommandName = value ? "deactivate" : "activate";

                //What should be written Here?
                //imgBtn.Click += ""???
               // how can i bind this.owner.ownerGrid.ItemCommand (RadGrid.ItemCommand) event to this ImageButton event?
               
                cell.Controls.Add(imgBtn);
 
            }   

        }
    }




Mira
Telerik team
 answered on 03 Jun 2010
3 answers
504 views

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>&nbsp;  
</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>             

I've tried a dozen different ways of accessing txtInvoiceAmt, none with success.  The basis of my attempts is some form of:

TextBox txtInvoiceAmt = (TextBox)panelDisputeHistory.FindItemByValue("pnlItemDisputeHistory").FindControl("grdDisputes").FindControl("txtInvoiceAmt");  
 

 

Nothing seems to work.  Any ideas?

 

Thanks again.

 

Rich

PV
Top achievements
Rank 1
 answered on 03 Jun 2010
1 answer
76 views

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

 

Mira
Telerik team
 answered on 03 Jun 2010
1 answer
169 views
I have a RadGrid in VB where the user wants to be able to select rows and hide them temporarily so he doesn't have to see them.  He doesn't want them deleted from the table -- he just wants them to be hidden and able to be re-shown.  I don't want to have to go back to the server and database and hide the row through data calls each time a row is selected.  Is there a way to hide checkbox-selected rows client-side?  If not, is there a way to do it server-side without relying on data calls to the database?

Thanks in advance for any help you can provide.

- Tracey
Shinu
Top achievements
Rank 2
 answered on 03 Jun 2010
1 answer
96 views
I am using a FormTemplate for insert/update of items in a grid.

<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> 
And
<telerik:RadTextBox ID="EnteredBy" skin="WebBlue" MaxLength="50" Text='<%# Bind( "EnteredBy" ) %>' runat="server" /> 

I want to default these fields after the first items is added to the grid to the values entered during the first insert.

To capture the values I have added this in the ItemInserted method:

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;  
                    }  
                } 

This does capture the values perfectly.

I then added this to the ItemCreated method:

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";  
                    }  
                }  
            } 

This does work and sets intended value, however, after that the bind ( ie Bind( "EnteredBy" ) ) on the control fires and the intended values are discarded.

The bind has to be there for edits, and the initial insert fails if they are not there complaining of null values, so how can I only bind on initial insert and edit?


Shinu
Top achievements
Rank 2
 answered on 03 Jun 2010
2 answers
143 views
Hi!

I've got a problem with subitems not wrapping properly and text just being cut off...
Not sure what am I doing wrong, please help!! Attached the screenshot...

Here's the CSS in the custom skin:

/* <subitems> */ 
.RadPanelBar_ProdPanelBannered .rpGroup  
{  
      
}  
 
.RadPanelBar_ProdPanelBannered .rpLevel1 .rpLink  
{  
    display:block;  
    border-collapse:collapse;  
    width:210px;  
    height16px;  
    background:#FFFFFF;  
    font10px/14px Arialsans-serif !important;  
    font-weightbold !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-left10px;    
    whitewhite-spacenormal;  
    floatleft;  
}  
 
 
.RadPanelBar_ProdPanelBannered .rpLevel1 .rpLink:hover,   
.RadPanelBar_ProdPanelBannered .rpLevel1 .rpSelected  
{  
    display:block;  
    border-collapse:collapse;  
    width:210px;  
    height16px;  
    background:#EDB512 !important;  
    font10px/14px Arialsans-serif !important;  
    font-weightbold !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-left10px;  
    whitewhite-space:normal;   
    floatleft;  
}  
 
.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> */ 
Joe
Top achievements
Rank 1
 answered on 03 Jun 2010
1 answer
139 views
I ahve a calendar where I want the user to only be able to select a day this is a Monday, Tuesday, Wednesday, or Thursday.  I have mult-select off cause they can only select one day at a time.  Is there an easy way to disable all Friday, Saturday and Sunday days?
Shinu
Top achievements
Rank 2
 answered on 03 Jun 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?