Questions on UI for ASP.NET AJAX Forum

2 answers

69 views

[Solved] Pass ID from RadMenu to e.Value for use with XmlHttpPanel

Hello,

I am having difficulty passing the selected menu item to a RadXmlHttpPanel, would any one be able to help??

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

       
             function onClicking(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                    //panel.set_value(item.get_text());
                    panel.set_value(item.ID);
                }


             function onClicking(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                    //panel.set_value(item.get_text());
                    panel.set_value(item.ID);
                }

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Office2007">

</telerik:RadSkinManager>

<div>

<script type="text/javascript">

function onClicking(sender, eventArgs) {

var item = eventArgs.get_item();

var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");

panel.set_value(item.ID);

}

</script>

<div class="divContainer">

<div class="divTreeView" style="">

<telerik:RadMenu ID="RadMenu1" runat="server" Width="200px" Skin="Office2007" onclientitemclicked="onClicking" >

</telerik:RadMenu>

</div>

<div class="divXmlPanel">

<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

Value="01" OnServiceRequest="XmlHttpPanel_ServiceRequest" Height="267px" Width="548px"

RenderMode="Block">

<telerik:RadGrid ID="RadGrid1" runat="server">

</telerik:RadGrid>

</telerik:RadXmlHttpPanel>

</div>

<div style="height: 31px; background: url('Images/foot_back.png') no-repeat;">

</div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007">

</telerik:RadAjaxLoadingPanel>

</div>

</form>

C#

private void BindMenu()

{

string sql = "";

var dt = new DataTable();

sql += " SELECT TOP (100) PERCENT PL_ID, Record_Title, Record_Parent, FROM database";

dt = data.GetDataTable(sql);

if (dt.Rows.Count > 0)

{

RadMenu1.DataSource = dt;

RadMenu1.DataTextField = "Record_Title";

RadMenu1.DataNavigateUrlField = "";

RadMenu1.DataFieldID = "PL_ID";

RadMenu1.DataFieldParentID = "Record_Parent";

RadMenu1.DataBind();

}

else

{

RadGrid1.DataSource = null;

}

protected void XmlHttpPanel_ServiceRequest(object sender, RadXmlHttpPanelEventArgs e)

{

string dt = e.Value;

BindGrid(dt);

}

private void BindGrid(string id)

{

string sql = "";

var dt = new DataTable();

sql += string.Format(" Select PL_ID, Record_Title, Record_Content, Record_Order_sort From database where (PL_ID = {0})", id);

dt = data.GetDataTable(sql);

if (dt.Rows.Count > 0)

{

RadGrid1.DataSource = dt;

//RadGrid1.CurrentPageIndex = 0;

Session["NeedsRebind"] = true;

RadGrid1.DataBind();

}

else

{

RadGrid1.DataSource = null;

}

Menu

answered on 05 Apr 2011

1 answer

141 views

Problem Using More than 1 RadRotator

Hi There!
I'm using 3 Rotators on my Master Page, when I set equal values for ScrollDirection Property(e.g. Up), every thing is fine, but when I set different Values for that property, Animation is not working and Rotator is stuck on first Record, Please help me out! I'm running out of time...

Rotator

answered on 05 Apr 2011

2 answers

1.2K+ views

[Solved] Change text of RadButton on client-side with JavaScript

Hi! Could someone provide me an example of how to change the text of a RadButton using JavaScript? Basically when a user clicks the 'submit' button I want to display an alert message, disable the button, and change the text to say 'Submitting'. I've got the alert message working, but the button text doesn't appear to change nor is it disable.

Here's the lines of code for the javascript...

<telerik:RadCodeBlock ID="rcb1" runat="server">

<script type="text/javascript">

function DisableSubmitBtn() {

alert("Submitting Review, please do not click submit more than once");

document.getElementById('<% =btnItemSubmitE.ClientId %>').value = 'Submitting';

}

</script>

</telerik:RadCodeBlock>

Here's the button code...

<telerik:RadButton ID="btnItemSubmitE" runat="server" Skin="Sunset" Text="Submit"

Width="45%" ValidationGroup="Review" OnClientClicked="DisableSubmitBtn" >

<Icon PrimaryIconCssClass="rbOk" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

There are validation controls on the page and a RadAjaxManager is being used.

Thank you!

Button

answered on 05 Apr 2011

4 answers

140 views

Rad Ribbon Bar in Sharepoint 2010

   Hi,

   I used RadRibbonBar in a web application and it is working fine. When I try to implement the same functionality in Sharepoint it is throwing me the below java script error.

Message: '0.style' is null or not an object
Line: 687
Char: 1
Code: 0
URI: http://sp10:7567/ScriptResource.axd?d=V3NQw2_0mRjfNhKRqWWLkl1Da14N4Nt1VoeCxPJC4OX8-gEw_jApkSex9i-hewFKKfi2PQo62kgBgWgGf0EAfZ8hASjRpJDsjUE_ZesBFeKHQ54fzPeK57EkcPvD1m-rHkliJ8j3otvGvr7IvdNEiN7U8uIaQ6FXPXKUZ6j2RDOId3j27SlVZEzj-y11rnEU9XVzZg2&t=73d632da

   I am getting the above error in IE only. Same is working fine with Chrome.

   If any one knows the reason please let me know ASAP.

Regards,
Raju

RibbonBar

answered on 05 Apr 2011

1 answer

732 views

How to run a javascript function when RadGrid control is loaded?

I have a javascript function as below:

 function run() {
        alert('run');
    }

I have a RadGrid control which is updated using RadAjaxManager. How could I run that javascript when the RadGrid is updated? I had hoped to see a OnClientLoad event on this control but there is none. Any help?

Grid

answered on 05 Apr 2011

1 answer

97 views

RadRibbonBar1 + Response error

Hi All,
I have problem with RibbonBar, I have it on my page, it is added to ajaxmanager. The code on the page look like this

<telerik:RibbonBarTab Text="MyApp">

<telerik:RibbonBarGroup Text ="Docs">

<telerik:RibbonBarButton ID="rbbHelp" Size="Large" Text="Help" ImageUrlLarge="Ikcsy/Png/Help.png" />

then in code file a have a fuction

protected void RadRibbonBar1_ButtonClick(object sender, RibbonBarButtonClickEventArgs e)

{

switch

(e.Button.Text.ToString())

{

case "Help":
try
{

Response.Clear();

Response.ContentType =

"text/pdf";

Response.AppendHeader("Content-Disposition", "attachment; filename=" + "HelpFile" + ".pdf" );

string file_path ="\\Help\\HelpFile.pdf";

Response.TransmitFile(file_path);
Response.End();

}

catch(Exception ex)

{

}

break;

}
}
after I clicked the button i get an error after Response.End :
ex = {Unable to evaluate expression because the code is optimized or a native frame is on top of the call stack.} and after this I get on page jscript error Sys.WebForms.PageRequestManagerParserErrorException. What can I do to download/transmit the file correctly ?

Regargs.
Tomek

RibbonBar

answered on 05 Apr 2011

3 answers

515 views

RadGrid Change row background color

Hi,
In each row of my RadGrid I have a CheckBox as shown below.

<telerik:GridTemplateColumn HeaderText="Is Critical?" HeaderButtonType="TextButton" UniqueName="critical">

<ItemTemplate

<asp:CheckBox ID="chkCritical" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

When the user checks the CheckBox system makes an ajax call from clientside and updates the database. This part is working fine.
I want change the row background color on check/uncheck of the CheckBox on clientside. Could not find a method to set background color on DataItem. Please help.

Grid

answered on 05 Apr 2011

3 answers

127 views

RabRibbonBar Tab Visible

Is it possible to hide a tab from code (c#). I don't see a visibility property.

RibbonBar

answered on 05 Apr 2011

9 answers

163 views

Standalone imageManager globalization

Hi,

I have a standalone ImageManger on the page which is not taking the correct globalization settings from the thread.

I have

Thread.CurrentThread.CurrentUICulture = new CultureInfo("de-DE")
Thread.CurrentThread.CurrentCulture = new CultureInfo("de-DE")

In Code behind but it is falling back to the default culture from web.config.

How can I set the dialog language correctly?

Marc

Editor

answered on 05 Apr 2011

5 answers

146 views

Tooltipify Image in Template Column

Hi, I have a RadGrid that gets bound with template columns that contain a single image (it's an indicator light). Here's the code for the template column:

                    Public Class GridImageItemColumn         
               Inherits GridTemplateColumn         
                     
               Public Class GridImageItemTemplate         
                  Implements ITemplate         
                           
                  Public column As GridImageItemColumn = Nothing         
                      
                  Public Sub InstantiateIn(ByVal container As Control) Implements ITemplate.InstantiateIn         
                     Dim image as New Image()         
                     image.ID = Me.column.UniqueName         
                     container.Controls.Add(image)         
                     AddHandler image.DataBinding, AdressOf image_DataBinding         
                  End Sub         
                     
                  Private Sub image_DataBinding(ByVal sender As Object, ByVal e As EventArgs)         
                     Dim dataItem As GridDataItem = CType(CType(sender, Control).NamingContainer, GridDataItem)         
                     If dataItem IsNot Nothing Then         
                     Dim image As Image = CType(sender, Image)         
                     image.CssClass = "t_img"         
                     Dim value As String = DataBinder.Eval(dataItem.DataItem, Me.column.DataField).ToString()         
                     If Not String.IsNullOrEmpty(value) Then         
                        image.ImageUrl = "~/images/" & value & ".png"         
                     End If         
                  End Sub         
               End Class         
                     
               Public Sub New()         
                  Dim template As New GridImageItemTemplate()         
                  template.column = Me         
                  Me.ItemTemplate = template         
               End Sub         

What I'm wondering is, how can I dynamically tooltipify these indicator lights? I've tried to do it via how the example states:

                    Me.RadToolTipManager1.TargetControls.Add(target.ClientID, (TryCast(e.Item, GridDataItem)).GetDataKeyValue("ID").ToString(), True)         

but .. that doesn't work since I have no way to find the target Image control, since the name isn't static (it isn't static, because there are n number of these columns).

Any clues?

ToolTip

answered on 05 Apr 2011