Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
60 views
I have a RadTextBox that is using the jQuery UI autocomplete feature for specific values. This works great in Firefox & Chrome but when I go to select an item from the autocomplete values it does not fill the value in IE 9. Unsure why it doesn't work or what I need to do to make it work.

'<script type="text/javascript">
        $(function () {
            var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
            $(".riTextBox").autocomplete({
                source: availableTags
            });
        });

       
    </script>'


'<telerik:RadTextBox AutoCompleteType="Search" columns="25" ID="nihSearch" runat="server" CssClass="homeSearchBox" EmptyMessageStyle-CssClass="empty" EmptyMessage="Add Keywords...">
                                </telerik:RadTextBox> '
Maria Ilieva
Telerik team
 answered on 08 May 2012
3 answers
200 views
I have a menu of requirements and I want to change the text or background color for requirements that are no longer current.

How can I do this in code behind?
Kate
Telerik team
 answered on 08 May 2012
1 answer
57 views
Hi,
Can any one please suggest which is better from Performance point of view for RADCombo.
Because after 'googling' I found that my first approach is better for small data lets say 100 or 1000 rows.

Example: Here is link what they discuss
http://forums.asp.net/t/1670292.aspx/1


 

 

Dim Item As RadComboBoxItem

 

 

 

For Each row As DataRow In DataTable.Rows
Item = New RadComboBoxItem

 

Item.Text = row("name").ToString()

Item.Value = row("id").ToString()
Combo.Items.Add(Item)

 

 

Next

OR

Combo.DataSource=DataTable
Combo.DataTextField="name"
Combo.DataValueField="id"
Combo.DataBind()


Thanks,
Sanjeev Kumar

 

Dimitar Terziev
Telerik team
 answered on 08 May 2012
3 answers
130 views
Indent, outdent is not working for single line of text in Firefox 6.0 and above browser versions.

I went to Rad editor demo site. (http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx), opened site on Firefox 6.0 browser version

In editor , entered single line of text and i did indent and outdent functionality. But this functionality is not working. Please resolve this issue.
Rumen
Telerik team
 answered on 08 May 2012
3 answers
158 views
Hello,

I'm looking for a way to create custom headercontextmenu's for some columns within a grid, and basically create a custom filter menu.
I've implemented most of the functionality as described in this article (http://www.telerik.com/help/aspnet-ajax/grid-header-context-menu.html) and it works fine, however the contextmenu is the same for all the columns, and i can't seem to figure out how to create a unique one for each column.

what i ultimatly want is a headercolumn context menu in the same fashion as an excel filter (see excelfilter.png), very similar to the way the default headercontextmenu implements the show/hide functionality.

can anyone point me in the right direction on how to do this?

thnx!

Oliver Oswald
Top achievements
Rank 1
 answered on 08 May 2012
5 answers
379 views
Hello,
I'm trying to implement an infinite scrolling method. I'm trying to use the method described on this page:http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin That method basically takes your pagination links and uses those to get the next batch of records when the user scrolls to the bottom of the page. I seem to be running into some sort of conflict with this and the radrating control. With the radrating control enabled on the page, i get the above error (Invalid JSON primitive) when ever i cause a post back. It can either be a postback caused by a .net control set to autopostback=true, or it just be a simple html submit button. Also, the rad rating controls stop working once you go past the first page of records. 

If i remove the rad rating control from the page, then the scrolling and doing a postback work as expected. 

The rating control is inside of a .net listview. The only code on page load which that I have that deals with the rating control is this:

protected void ListView1_ItemCreated(object sender, ListViewItemEventArgs e)
{
    if (e.Item.ItemType == ListViewItemType.DataItem )
    {
        ListViewDataItem myDataItem = (ListViewDataItem)e.Item;
 
        System.Web.UI.WebControls.DataKey myKey = this.ListView1.DataKeys[myDataItem.DisplayIndex];
 
        Decimal rating = (Decimal)ListView1.DataKeys[myDataItem.DisplayIndex]["Rating"];
        string id = ListView1.DataKeys[myDataItem.DisplayIndex]["ID"].ToString();
 
        RadRating myRad = (RadRating)e.Item.FindControl("RadRating1");
        myRad.Value = rating;
        myRad.Attributes["GameId"] = id;
 
    }
}
 
And this code seems to work correctly as i scroll down the page - it's getting fired every time you scroll to the bottom of the page and it appears to be passing correct values. However, my rating_changed event never fires once you scroll past the first page.

I have an idea as to why this is happening. Since this infinite scroll works by essentially loading the next page and then appending just the specific html involved with the page, i think there's 2 errors this causes.

1. The control ID's are getting duplicated because as far as the .net page knows, it's loading up a new page. So if the last ID on the first page was radrating1_5, when i load the next page, it has no reason not to re-use that ID since it think it's a new page.

2. Any script associated with these controls isn't being properly loaded since it's not included inside the content tags where the page data lives. And that infinite scroll only loads what's inside the content container div.

So i have a few questions

1. anyone know of an infinite scrolling plugin that'll work on a page with multiple rad rating controls?
2. if not, would there be any problem if i set the control id's in codebehind with each page load so that i can ensure each control has a unique ID?
3. Is there any way to control where all the javascript gets rendered for each control? Because I have a feeling any infinite scroll plugin will have a problem with the jscript code loading outside of where the content loads.
Manesh
Top achievements
Rank 2
 answered on 08 May 2012
5 answers
1.7K+ views
Hi

I can't filter column on my radGrid

<telerik:RadGrid runat="server" ID="grid"    
                       AllowPaging="true"
                       AllowSorting="True"
                       AllowFilteringByColumn="True"
                       ShowStatusBar="true"
                       AutoGenerateColumns="false"
                       Visible="false">
 
                       <ClientSettings >
                           <Selecting AllowRowSelect="True"/>
                           <ClientEvents OnRowDblClick="OnRowDblClick" />
                       </ClientSettings>
 
                       <PagerStyle Mode="NumericPages" Position="Bottom"  />
                       <GroupingSettings CaseSensitive="false" />
    
                       <MasterTableView  ShowHeadersWhenNoRecords="true" DataKeyNames="Name"  ClientDataKeyNames="Name">
 
                       <Columns>
                           <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name"
                           DataType="System.String" AutoPostBackOnFilter="true" SortExpression="Name" >
                           </telerik:GridBoundColumn>
 
                           <telerik:GridBoundColumn DataField="FirstName" UniqueName="FirstName" HeaderText="Firstname"
                           DataType="System.String" AutoPostBackOnFilter="true" SortExpression="Firstname" >
                           </telerik:GridBoundColumn>
 
                           <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="Edit">
                           </telerik:GridEditCommandColumn>
                       </Columns>
                       </MasterTableView>   
                       </telerik:RadGrid>


protected void button_Click(object sender, EventArgs e)
 {        
             DataTable dt;
             SqlConnection conn = new SqlConnection();
             SqlCommand command = new SqlCommand("fillGrid", cn);
             command.CommandType = CommandType.StoredProcedure;
 
             SqlParameter p = new SqlParameter("@param", SqlDbType.NVarChar, 50);
             p.Value = var.Text;
             command.Parameters.Add(p);
 
             dt = new DataTable();
             SqlDataAdapter da = new SqlDataAdapter(cmd);
 
             try
             {
                 conn.Open();
                 da.Fill(dt);
                 grid.DataSource = dt;
                 grid.DataBind();
             }
             catch ()
             {
                 //...
             }
             finally
             {
                 if (conn.State != ConnectionState.Closed)
                 {
                     conn.Close();
                 }
             }
         }
Caro
Top achievements
Rank 1
 answered on 08 May 2012
3 answers
932 views
Below is the code snippet.
I have tried doing everything from setting the z-index to css. But the issue still persists.

The datepicker calendar is not shown when i try to open in modal popup window.
I am using RadControls_Q1_2007_SP2_dev. My client does not want to upgrade to latest version immediately.
Please help.

<style type="text/css">
        .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
            z-index: 0;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 720px;
            height: 260px;
            z-index: 1;
        }
        .modalPopupAdd
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 720px;
            height: 360px;
            z-index: 1;
        }
        .radCalendarPopup
        {
            z-index: 30000 !important;
        }
    </style>
 
<ajax:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:LinkButton ID="lnkAdd" runat="server" Text="Add Ashram Events" OnClick="Add"
                                CssClass="copy"></asp:LinkButton><br />
<asp:Panel ID="pnlAddEdit" runat="server" CssClass="modalPopup" Style="display: none">
 <table width="98%" cellspacing="0" cellpadding="0" class="table-border" id="tblAddEdit"
                                    runat="server" visible="false">
                                    <tr>
                                        <td>
                                            <table width="100%" border="0" cellspacing="0" cellpadding="2" class="main-content">
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="1" cellspacing="0" cellpadding="2">
                                                            <tr>
                                                                <td height="25" colspan="4" align="center" class="sub-menu2" style="padding-left: 10px;
                                                                    background-color: Yellow">
                                                                    <asp:Label ID="lblHeading" runat="server"></asp:Label>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td colspan="4" class="sub-menu2" style="padding-left: 10px; color: #790020; background-color: #f9f9f9">
                                                                    <u>Shibir Details</u>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Shibir Type</b> :
                                                                </td>
                                                                <td colspan="3" class="sub-menu2" style="height: 20px; padding-left: 10px; color: Black;
                                                                    font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtShibirType" runat="server" Width="300px"></asp:TextBox>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>From Date</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black;">
                                                                    <telerik:RadDatePicker ID="rdpFromDate" Calendar-Skin="WebBlue" runat="server" Width="150px"
                                                                        DateInput-Enabled="false" ClientEvents-OnPopupOpening="PopupOpening">
                                                                        <DatePopupButton HoverImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopupHover.gif"
                                                                            ImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopup.gif"></DatePopupButton>
                                                                    </telerik:RadDatePicker>
                                                                    <script type="text/javascript">
                                                                        function PopupOpening(sender, args) {
                                                                            Telerik.Web.UI.Calendar.Popup.zIndex = 100100;
                                                                        }
                                                                    </script>
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>To Date</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black;">
                                                                    <telerik:RadDatePicker ID="rdpToDate" Calendar-Skin="WebBlue" runat="server" Width="150px"
                                                                        DateInput-Enabled="false" ZIndex="11000">
                                                                        <DatePopupButton HoverImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopupHover.gif"
                                                                            ImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopup.gif"></DatePopupButton>
                                                                    </telerik:RadDatePicker>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Location</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman;">
                                                                    <asp:TextBox ID="txtLocation" runat="server" Width="175px"></asp:TextBox>
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Address</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtAddress" runat="server" Width="175px"></asp:TextBox>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Shibir Language</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtShibirLanguage" runat="server" Width="175px"></asp:TextBox>
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Timings</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtTimings" runat="server" Width="175px"></asp:TextBox>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Last Date of Registration</b> :
                                                                </td>
                                                                <td colspan="3" height="40" class="sub-menu2" style="padding-left: 10px; color: Black;">
                                                                    <telerik:RadDatePicker ID="rdpRegistrationLastDate" Calendar-Skin="WebBlue" runat="server"
                                                                        Width="150px" DateInput-Enabled="false" ZIndex="11000">
                                                                        <DatePopupButton HoverImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopupHover.gif"
                                                                            ImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopup.gif"></DatePopupButton>
                                                                    </telerik:RadDatePicker>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td colspan="4" class="sub-menu2" style="padding-left: 10px; color: #790020; background-color: #f9f9f9">
                                                                    <u>Other Details</u>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Contact Person</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtContactPerson" runat="server" Width="175px"></asp:TextBox>
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Contact Details</b> :
                                                                </td>
                                                                <td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtContactDetails" runat="server" Width="175px"></asp:TextBox>
                                                                </td>
                                                            </tr>
                                                            <tr style="height: 25px">
                                                                <td class="sub-menu2" style="padding-left: 10px">
                                                                    <b>Other Details</b> :
                                                                </td>
                                                                <td colspan="3" height="40" class="sub-menu2" style="padding-left: 10px; color: Black;
                                                                    font-size: 9px; font-family: Verdana, Times New Roman">
                                                                    <asp:TextBox ID="txtOtherDetails" runat="server" Width="450px" TextMode="MultiLine"></asp:TextBox>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="4" align="center">
                                                                    <asp:Button ID="btnSave" runat="server" Text="Save" /> 
                                                                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick="return Hidepopup()" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </asp:Panel>
                            <asp:LinkButton ID="lnkFake" runat="server"></asp:LinkButton>
                            <ajaxToolkit:ModalPopupExtender ID="popup" runat="server" DropShadow="false" PopupControlID="pnlAddEdit"
                                TargetControlID="lnkFake" BackgroundCssClass="modalBackground">
                            </ajaxToolkit:ModalPopupExtender>
                        </ContentTemplate>
                        <Triggers>
                            <ajax:AsyncPostBackTrigger ControlID="dgAshramEvents" />
                            <ajax:AsyncPostBackTrigger ControlID="btnSave" />
                        </Triggers>
                    </ajax:UpdatePanel>
Manish
Top achievements
Rank 1
 answered on 08 May 2012
6 answers
328 views
Hi,

I have

<

 

telerik:RadListBox CheckBoxes="true"> On check of Checkbox I want enble and disable the buttons. I need to catch the checkbox click event at the server side. How can I implement this?

Regards,
Medac

 

Princy
Top achievements
Rank 2
 answered on 08 May 2012
0 answers
92 views
Hi,

Can we enable searching of records in radlistbox , in case of large number of records it is difficult to search any specefic record manually. (rad grids provide this feature)

If there is possible solution pls help me on it.

Thanks,
Saurabh
Saurabh
Top achievements
Rank 1
 asked on 08 May 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?