Questions on UI for ASP.NET AJAX Forum

110,790 questions

3 answers

1.1K+ views

RadAjaxManager Ajaxrequest from Client side

i need to update panels from client side RadWindow ClientClose event
depend the return value i need to update Panels
for example if return value = "1"
i need to update Panel1

if return value = "2"
i need to update Panel 2

how to achive this

Ajax

answered on 13 Mar 2012

1 answer

102 views

IFrame Radwindow Stylesheets

Hello,
Is there a way to configure an iFrame RadWindow to automatically add the stylesheets of the parent window? I recall that the RadEditor has this feature, so I am hoping that the RadWindow can perform the same functionality.

Thanks,
Adam

Window

answered on 13 Mar 2012

1 answer

375 views

RadComboBox in RadGrid with SqlDataSource

Hi there,

I have a problem with the Grid not returning the text I have in my RadComboBox.

I have got a grid with a GridTemplateColumn, with a RadComboBox and checkboxes like so:

<telerik:GridTemplateColumn HeaderText="Roles" UniqueName="Roles"> 
    <EditItemTemplate> 
        <telerik:RadComboBox ID="RadComboBox1" DataSourceID="SqlDataSource3" AllowCustomText="true" OnSelectedIndexChanged="OnSelectedIndexChanged"
        DataTextField="RoleName" DataValueField="RoleName" runat="server">
            <ItemTemplate>
                <div class="combo-item-template">
                    <asp:CheckBox runat="server" ID="chk1" OnCheckedChanged="onCheckBoxClick" AutoPostBack="True" />
                    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1" Text='<%# Eval("RoleName")%>'>
                    <%# Eval("RoleName")%>
                    </asp:Label>
                </div>
            </ItemTemplate>
        </telerik:RadComboBox>
    </EditItemTemplate>
    <ItemTemplate>
        <asp:Label runat="server" ID="Label2"><%# Eval("RoleNames")%></asp:Label>
    </ItemTemplate>
</telerik:GridTemplateColumn>

And using a sql datasource and using the getuserlist stored procedure to retrieve the roles :


<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:SqlConnection %>" OnInserting="SqlDataSource_OnInserting"
SelectCommandType="StoredProcedure"
SelectCommand="GetUserList"
 
InsertCommandType="StoredProcedure"
InsertCommand="dbo.CreateUser" 
>

<InsertParameters>
    <asp:Parameter Name="UserName" Type="String" />
    <asp:Parameter Name="Password" Type="String" />
    <asp:Parameter Name="IsApproved" Type="Byte" />
    <asp:Parameter Name="IsLockedOut" Type="Byte" />
    <asp:Parameter Name="Email" Type="String" />
    <asp:Parameter Name="Roles" Type="String" />
    <asp:Parameter Name="UserId" DbType="Guid" Direction="Output" />
</InsertParameters>

Roles come back as a comma separated string and the procedure that inserts them can handle it like: 'Role1, Role2' as parameter

But in edit/insert mode, I need to fill the RadComboBox and the checkboxes so I can select any of the ones I have.

<asp:SqlDataSource ID="SqlDataSource3" runat="server" 
ConnectionString="<%$ ConnectionStrings:Sql_Azure %>" 
SelectCommand="SELECT RoleId, RoleName FROM Roles ORDER BY RoleName">
</asp:SqlDataSource>

So I have a oncheckboxclick that modfies the RadComboBox

protected void onCheckBoxClick(object sender, EventArgs e)

{

CheckBox chk = (CheckBox)sender;

RadComboBox combobox = (RadComboBox)chk.Parent.Parent;

string text = BuildText(combobox);

combobox.Text = text;

}

So this all works until I check the roles in the command parameters:

protected void SqlDataSource_OnInserting(object sender, SqlDataSourceCommandEventArgs e)

{

DbParameterCollection CmdParams = e.Command.Parameters;

}

And I can see the Roles parameter is empty. What I am doing wrong? I think I am not setting the griddataitem, so I looked into it...

And I have seen use reading the text property of the griddataitem with the following, so I tried to modify the text

protected void OnSelectedIndexChanged(object sender, EventArgs e)

{

GridDataItem dataItem = (GridDataItem)combobox.Parent.Parent;

dataItem["Roles"].Text = text;

}

But that doesn't work, because the Text property is readonly.

For updating I need to do the same thing obviously, plus then I need to set the initial state. I don't know which event I can use.
Thank you so much, been puzzling on this for a long time... :S

Grid

answered on 13 Mar 2012

2 answers

220 views

[Solved] How to make RadBinaryImage invisible in Javascript

Hello,

I have a RadBInaryImage and i would like to change the visibility from javascript. Right now I am making the source empty but i still see the empty image with cross mark. So i wanted it to be invisible.

var OldImage = $get("<%= rbiClientImage.ClientID %>");

if (OldImage != null)

{

OldImage.src = "";

}

Is there any property to make the binaryimage invisible?

Appreciate the help
Thanks

BinaryImage

answered on 13 Mar 2012

1 answer

428 views

[Solved] Automatic filter on telrik grid with auto generated column

Is there any way to apply excel like automatic filter on telrik grid ? I have autogeneratedcolumn=true and based on condition I am showing the column

<telerik:RadGrid ID="gvinvoice" Width="98%" AllowPaging="true" PageSize="10" runat="server"
                                AutoGenerateColumns="true" 
                                OnPageIndexChanged="gvinvoice_PageIndexChanged" 
                                ShowFooter="True">
                                <PagerStyle Mode="NextPrevAndNumeric" />
                            </telerik:RadGrid>


So, at design time I am not sure the number and name of the column. How can I apply filter to these columns ?

Grid

answered on 13 Mar 2012

1 answer

782 views

Script controls may not be registered before PreRender

Ok, I'm at the bottom of the pit of despair!
Have tried for days to resolve this problem, so maybe hoping someone here can help. I've searched the web and tried all the advice given, to no avail. Here is the problem.

I built a local project with RAD grid, cloud, combos etc and it worked fine. However, when I integrated it into out CMS, the problems started. The man error message is:

Script controls may not be registered before PreRender

The problem is something to do with this piece of code:

<telerik:RadScriptManager ID="RadScriptManager1" EnableHandlerDetection="false" runat="server">

</telerik:RadScriptManager>

The pages where I've tried this :
1. The master page
2. The ascx page

Doesn't matter where I position this line of code, I still get either the above error message. I've also tried these 2 different code blocks (not at the same time obviously) in the code behind of the ascx page:

protected override void OnInit(EventArgs e)

{

if (ScriptManager.GetCurrent(this.Page) == null)

{

ScriptManager scriptManager = new ScriptManager();

scriptManager.ID = "myScriptManager";

scriptManager.EnablePartialRendering = true;

this.Page.Form.Controls.Add(scriptManager);

}

base.OnInit(e);

}

protected override void OnPreRender(EventArgs e)

{

if (ScriptManager.GetCurrent(this.Page) == null)

{

ScriptManager scriptManager = new ScriptManager();

scriptManager.ID = "myScriptManager";

scriptManager.EnablePartialRendering = true;

this.Page.Form.Controls.Add(scriptManager);

}

base.OnPreRender(e);

}

Here is the stack trace:

[InvalidOperationException: Script controls may not be registered before PreRender.]

System.Web.UI.ScriptControlManager.RegisterScriptControl(TScriptControl scriptControl) +348689

System.Web.UI.ScriptManager.RegisterScriptControl(TScriptControl scriptControl) +66

Telerik.Web.UI.RadWebControl.RegisterScriptControl() +42

Telerik.Web.UI.RadWebControl.ControlPreRender() +15

Telerik.Web.UI.RadFormDecorator.ControlPreRender() +464

Telerik.Web.UI.RadWebControl.OnPreRender(EventArgs e) +22

System.Web.UI.Control.PreRenderRecursiveInternal() +80

System.Web.UI.Control.PreRenderRecursiveInternal() +171

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +842

I'm pretty much as my wits end with this. Any ideas Telerik, community?
Many thanks,
Alan

ScriptManager and StyleSheetManager

answered on 13 Mar 2012

13 answers

602 views

Blurred not clear text in Disabled Combobox

Hi Team,
I have a problem with the combo boxes i'm using. Whenever i disable the comboboxes the text inside them becomes blurry and not clear. If i place the mouse over the combobox the text becomes fine. But if i move the mouse a way from the combobox it becomes blurry and not clear again.
Is this a defect in the Telerik component i'm using? Could you help please.
Thanks,

ComboBox

answered on 13 Mar 2012

1 answer

120 views

Item update event is not firing

Hi,

I have wrote this in my row click,

function RowClick(sender, eventArgs) {

if (editedRow ) {

hasChanges = false;

if (confirm("Update changes?")) {

$find("<%= RadGrid1.ClientID %>").get_masterTableView().updateItem(editedRow);

}

But still my itemupdate event is not firing.

Help me
Thnx in advance

Grid

answered on 13 Mar 2012

10 answers

385 views

Skin lost on non-ajax post back

Hi Guys,

I've been using RadControls for a while now and I've been able to fix most of my issues but this one has me completely stumped. Thankfully, I was able to recreate it in an empty project.

ASPX:

    
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                        <ContentTemplate> 
        
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Skin="WebBlue">  
        
                            </telerik:RadDatePicker> 
        
                            <br /> 
        
                            <br /> 
        
                            <asp:Button ID="Button1" runat="server" Text="toggle visibility" /> 
        
                        </ContentTemplate> 
        
                    </asp:UpdatePanel> 
        
                    <br /> 
        
                    <asp:Button ID="Button2" runat="server" Text="post back" />

VB:

    
                Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click  
        
                    Me.RadDatePicker1.Visible = Not Me.RadDatePicker1.Visible  
        
                End Sub

To recrate the problem:
1. Press the 'toggle visibility' button to hide the RadDatePicker.
2. Press the 'post back' button to do a non-ajax postback.
3. Press 'toggle visibility' again to show the RadDatePicker.
4. Now open the calendar of the date picker and it will have lost its skin.

This happens no matter what browser I run it in. I have also already tried swapping out the Rad UpdatePanel/ScriptManager for MS AJAX ones. I have seen similar things happen with other Rad controls in the same situation (which is why I'm posting this in general discussions) but I'm just using DatePicker here for simplicity. Thanks in advance for any help you can give me.

Calendar

answered on 13 Mar 2012

1 answer

120 views

RadPanelbar inside RadAjaxPanel

hi if the RadPanelBar is inside RadAjaxPanel on each postback the panelbar not exapnded fully its hanging on top
when i click on the RadPanelbar then only it exapnded
why this thing happening
how to solve this problem?
this is my aspx , i set the height and width for table "maintable" at client side

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css" >

html,body,form

{

padding:0px;

margin:0px;

width:100%;

height:100%;

}

</style>

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript" >

window.onload = SetTableHieght;

window.onresize = SetTableHieght;

function SetTableHieght() {

var windowHight = $(window).height() - 100;

var windowWidth = $(window).width() - 100;

$("#maintable").attr("style", "height:" + windowHight.toString() + "px;width:" + windowWidth.toString() +"px;");

}

function OnResponseEnd(sender, args) {

SetTableHieght();

}

</script>

</head>

<body >

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" BorderColor="Orange" ClientEvents-OnResponseEnd="OnResponseEnd" Height="100%" Width="100%">