Questions on UI for ASP.NET AJAX Forum

1 answer

159 views

onmenuitemclick event not firing when menu items loaded dynamically

I am trying to load Menu Items Dynamically in the preRender event based on user permissions.

if (_UserInfo.ProvPrivInd)

{

RibbonBarMenuItem rbmiAddProject = new RibbonBarMenuItem();

rbmiAddProject.Text = Resources.Hub.EntMgmt_Ribbon_ActionMenu_NewEntProj_Text;

rbmiAddProject.ImageUrl = "~/Images/Add-New-Folder.png";

rbmiAddProject.Font.Size = FontUnit.Small;

rbmiAddProject.Value = "NewEntProject";

rbmiAddProject.Enabled = true;

rbmEnterpriseActionMenu.Items.Add(rbmiAddProject);

}

if (!_UserInfo.ECAExecInd || _UserInfo.ECAAdminInd || _UserInfo.RRDAdminInd)

{

RibbonBarMenuItem rbmiAddUesr = new RibbonBarMenuItem();

rbmiAddUesr.Text = Resources.Hub.EntMgmt_Ribbon_ActionMenu_AddUsersMultiProj_Text;

rbmiAddUesr.ImageUrl = "~/Images/Change-Group.png";

rbmiAddUesr.Font.Size = FontUnit.Small;

rbmiAddUesr.Value = "AddUsersMultiProj";

rbmEnterpriseActionMenu.Items.Add(rbmiAddUesr);

RibbonBarMenuItem rbmiRemoveUesr = new RibbonBarMenuItem();

rbmiRemoveUesr.Text = Resources.Hub.EntMgmt_Ribbon_ActionMenu_RemUsersMultiProj_Text;

rbmiRemoveUesr.ImageUrl = "~/Images/Delete-User.png";

rbmiRemoveUesr.Font.Size = FontUnit.Small;

rbmiRemoveUesr.Value = "RemUsersMultiProj";

rbmEnterpriseActionMenu.Items.Add(rbmiRemoveUesr);

}

But when I click on the item in the browser a post back occurs but the onmenuitemclick event isn't handled.
I get a javascript error on the page.

*********************************
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C; .NET4.0E; Tablet PC 2.0)
Timestamp: Wed, 21 Mar 2012 16:54:29 UTC

Message: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 500
Line: 6
Char: 62099
Code: 0
************************************

any ideas?

RibbonBar

answered on 22 Mar 2012

4 answers

172 views

Menu Issue

Hi,
I have an issue with the behavior of the dropdown menu. I have the property click to open set to true. Now wen click to open and select a menu item the menu does not fall back to its origninal postion and remains opened and doesnt behave like any other dropdown menu. Any solution to this problem would be of great help.

Thank you

Regards,
Ajit

Menu

answered on 22 Mar 2012

1 answer

156 views

ExtractValues



gce.Item.OwnerTableView.ExtractValuesFromItem(hash, gce.Item.OwnerTableView.Items[ultimoIndex]);

This code, get the new value wrote on grid. there is another kind of code, to get ALL values on the grid?

Thankz in advance

Grid

answered on 22 Mar 2012

1 answer

88 views

Javascript doen't work after itemCommand click

Hello,

Basically I've a header in a grid with 2 events "onmouseover" and "onmouseout". I also have a command item to add a new row in the grid. After a click on the command item both events on the header don't work.

aspx :

<telerik:RadGrid ID="rdsAdditionalLinks" runat="server" Width="100%" AllowCustomPaging="true" AllowAutomaticInserts="true" AllowPaging="false" AutoGenerateColumns="False" AllowSorting="false" AllowMultiRowEdit="false" OnItemCommand="rdsAdditionalLinks_ItemCommand" Visible="true" OnItemDataBound="rdsAdditionalLinks_OnItemDataBound" Height="205px" EnableEmbeddedSkins="false" Skin="Oreo">

<PagerStyle Mode="NumericPages" Visible="false" />

<MasterTableView GroupLoadMode="Client" ShowHeader="true" CommandItemDisplay="Top">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="btnAddNew" runat="server" CommandName="AddNewRow">

<img style="border:0px;vertical-align:middle;" alt="" src="../images/icons/add.JPG" />

Add New Row</asp:LinkButton> | Count :

<asp:Label ID="addLinkCounterL" runat="server" Text="0" />

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="GroupName" Visible="false">

<ItemStyle HorizontalAlign="Left" Width="0%" />

<ItemTemplate>

<asp:HiddenField ID="additionalLinkIDHF" runat="server" Value='<%# DataBinder.Eval(Container, "DataItem.id") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle HorizontalAlign="Left" Width="15%" />

<HeaderTemplate>Label</HeaderTemplate>

<ItemTemplate>

<asp:TextBox ID="gridLabelTB" runat="server" MaxLength="50" Rows="1" TextMode="SingleLine" CssClass="TextBox" Text='<%# DataBinder.Eval(Container, "DataItem.label") %>' />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" Wrap="false" Width="15%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle HorizontalAlign="Left" Width="60%" />

<HeaderTemplate>URL</HeaderTemplate>

<ItemTemplate>

<asp:TextBox ID="gridUrlTB" runat="server" MaxLength="500" Rows="1" TextMode="SingleLine" CssClass="TextBox" Text='<%# DataBinder.Eval(Container, "DataItem.URL") %>' />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" Wrap="false" Width="60%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle HorizontalAlign="Left" Width="18%" />

<HeaderTemplate><div ID="helpDiv" runat="server"> Target<img alt="Help" id="helpimg" src="../images/icons/help_ico.gif" /></div></HeaderTemplate>

<ItemTemplate>

<asp:TextBox ID="gridTargetTB" runat="server" MaxLength="50" Rows="1" TextMode="SingleLine" CssClass="TextBox" Text='<%# DataBinder.Eval(Container, "DataItem.target") %>' />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" Wrap="false" Width="18%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle HorizontalAlign="Left" Width="7%" />

<ItemTemplate>

<asp:LinkButton ID="btnDelete" runat="server" OnClick="DeleteAdditionalLink_Click">

<img style="border:0px;vertical-align:middle;" alt="" src="../images/icons/delete.JPG" />

</asp:LinkButton>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" Wrap="false" Width="7%" />

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowGroupExpandCollapse="True" ReorderColumnsOnClient="False" AllowDragToGroup="False" AllowColumnsReorder="False">

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" />

</ClientSettings>

</telerik:RadGrid>

aspx.vb :

Protected Sub rdsAdditionalLinks_OnItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs)

Dim lb As LinkButton

If e.Item.ItemType = Telerik.Web.UI.GridItemType.Item Or e.Item.ItemType = Telerik.Web.UI.GridItemType.AlternatingItem Then

lb = CType(e.Item.FindControl("btnDelete"), LinkButton)

lb.CommandArgument = e.Item.ItemIndex

ElseIf e.Item.ItemType = GridItemType.CommandItem Then

Dim counter As Label = CType(e.Item.FindControl("addLinkCounterL"), Label)

Dim rd As RadGrid = CType(sender, RadGrid)

counter.Text = CType(rd.DataSource, List(Of AdditionalLinks)).Count.ToString

ElseIf e.Item.ItemType = GridItemType.Header Then

Dim helpDiv As HtmlGenericControl = CType(e.Item.FindControl("helpDiv"), HtmlGenericControl)

helpDiv.Attributes.Add("onmouseout", "HideTargetHelp('targetTooltip');")

helpDiv.Attributes.Add("onmouseover", "ShowTargetHelp('_blank : new window<br>_parent : current windows<br> _self : same frame','targetTooltip');")

End If

End Sub

Protected Sub rdsAdditionalLinks_ItemCommand(ByVal source As Object, ByVal e As GridCommandEventArgs)

saveDataInGrid()

Select Case e.CommandName

Case "AddNewRow"

If True Then

AddNewRowInGrid()

End If

Exit Select

Case Else

Exit Select

End Select

End

Sub

Grid

answered on 22 Mar 2012

2 answers

340 views

[Solved] Checkbox CheckedChanged event in a template

Hello,

I have a menu with an item template. Inside it there is a checkbox. I'd like to postback when the checkbox checked state is changed, but cant get it to work. Here is the code:

<telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="True" EnableShadows="True"

Skin="Office2007" >

<Items>

<telerik:RadMenuItem runat="server" Text="Profile" PostBack="False" >

<Items>

<telerik:RadMenuItem runat="server" Text="Save current selections as default" Font-Size="12px">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Load default selections" Font-Size="12px">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" IsSeparator="True" Text="Child RadMenuItem 3" Font-Size="12px"

PostBack="False">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="AlwaysLoad" >

<ItemTemplate>

<asp:CheckBox ID="chkAlwaysLoad" runat="server" Text=" Always load default selections" Font-Size="11px" />

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="AlwaysSave" >

<ItemTemplate>

<asp:CheckBox ID="chkAlwaysSave" runat="server" Text=" Always save current selections" Font-Size="11px" />

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load

Dim alwaysSave As CheckBox = RadMenu1.FindItemByText("AlwaysSave").FindControl("chkAlwaysSave")

AddHandler alwaysSave.CheckedChanged, AddressOf alwaysSave_CheckedChanged

Protected Sub alwaysSave_CheckedChanged(sender As Object, e As System.EventArgs)

Profile.CreateProject.AlwaysSave = sender.Checked

End Sub

But the event is never fired. Can you please tell me what am I doing wrong?

Thank you very much.

Menu

answered on 22 Mar 2012

1 answer

131 views

Auto

Is there any way to ignore accent in a AutoComplete of a comboBox?

Ex: João

language: Portuguese/Brazil

General Discussions

answered on 22 Mar 2012

1 answer

983 views

How to format grid tempate column to 2 decimal places.

Hi, I have used GridTemplateColumn , how can i format this to 2 decimal places..Code is below

             <telerik:GridTemplateColumn DataType="System.String" DataField="totsal__amt" HeaderText="Year Sales"
                    HeaderStyle-Width="50px">
                    <ItemTemplate>
                        <div style="text-align: right">
                            <%# Eval("totsal__amt")%>
                        </div>
                    </ItemTemplate>
                    <HeaderStyle Width="140px" HorizontalAlign="Center" />
                    <ItemStyle Width="140px" />
                </telerik:GridTemplateColumn>

Regards,
Kiran

Grid

answered on 22 Mar 2012

4 answers

301 views

[Solved] Expand a branch to one particular node

As part on the functionality I am trying to include in my web application, is the ability to “search” the TreeList. I have a field selector drop down list and a text box or check box to enter the search criteria. The search button performs a post back where I then location a match in the data source. Now that I have the matching record, how can I force it to be displayed selected? The result of the search may be a child node somewhere down the hierarchy not currently being displayed. If this is the case I would want the branch with the matching criteria to be expanded to this item. Then I would want to select the item. Does anyone have any ideas on how to force a node to be displayed?

I have not looked into using ExpandItemToLevel since it is liable to expose too many items. I don’t think it would work for one level at a time since I might be calling it for items not displayed, recursive calls.

TreeList

answered on 22 Mar 2012

10 answers

357 views

Not able to see RadAjaxLoadingPanel

Hi

I am trying to display rad ajax loading panel in a user control, but not able to see it.
any help will be appreciated.

please see my code below:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManagerProxy1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Default">

</telerik:RadAjaxLoadingPanel>

Panel 1 has several contols which are getting populated from db when i select an item in rad combo box.

I am initiating callback using following code:

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

<script language="javascript">

function Initiate_<%= ClientID %>(){

var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");

ajaxManager.ajaxRequest();

return false;

}

</script>

</telerik:RadCodeBlock>

following is code behind during page load

Dim manager As RadAjaxManager = RadAjaxManager.GetCurrent(Page)

AddHandler manager.AjaxRequest, AddressOf manager_AjaxRequest

cmbLookUp.OnClientSelectedIndexChanged = "Initiate_" + Me.ClientID

please help...

thanks
Manik Rawal

Ajax

answered on 22 Mar 2012

1 answer

221 views

Replace image in Ajax ActionLink

Hi,

I am trying to replace Ajax ActionLink with image instead of text but not getting done, my code is as below, can any one help?

@Ajax.ActionLink("Add ", "LogsGetData", "Logs", new { Id = 0 },
new AjaxOptions
{
UpdateTargetId = "LogEntryDiv",
InsertionMode = InsertionMode.Replace,
HttpMethod = "GET",
OnSuccess = "SettingsOnSuccess"
}).ToHtmlString().Replace("Add", "<img src=\"Content/Telerik/Office2007/sprite.png\" ... />")

Above code replace the text "Add" with <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-success="SettingsOnSuccess" data-ajax-update="#LogEntryDiv" but doesn't get the image.

Ajax

answered on 22 Mar 2012