Questions on UI for ASP.NET AJAX Forum

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

346 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

136 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

988 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

308 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

362 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

226 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

1 answer

146 views

Column borders invisible when there are empty cells in rad grid

I am showing my search results in a rad grid. Rad grid is inside a panel. Whenever there are empty cells, column lines are becoming invisible.
I used the below code in prerender event of the grid, still columns lines become invisible for empty cells.
This scenario happens sometimes on grid refresh.

protected void rgMyGrid_PreRender(object sender, EventArgs e)

{

try

{

foreach (GridDataItem item in rgMyGrid.MasterTableView.Items)

{

if (item is GridDataItem)

{

foreach (GridColumn col in rgMyGrid.Columns)

{

//Add space to the cell that has null or empty value

if (!col.ColumnType.Equals("GridTemplateColumn"))

{

if (string.IsNullOrEmpty(item[col.UniqueName].Text.Trim())

|| item[col.UniqueName].Text.Equals(" "))

{

item[col.UniqueName].Text = " ";

}

else

{

#region AllowSpaceInCols

switch (col.UniqueName)

{

case "lblColumn1":

Label lblColumn1= item.FindControl("lblColumn1") as Label;

if (lblColumn1.Text.Trim().Equals(String.Empty)

|| lblColumn1.Text.Trim().Equals(" "))

{

lblColumn1.Text = " ";

}

break;

case "Column2":

Label lblColumn2 = item.FindControl("lblColumn2") as Label;

if (lblColumn2 .Text.Trim().Equals(String.Empty)

|| lblColumn2 .Text.Trim().Equals(" "))

{

lblColumn2 .Text = " ";

}

break;

default:

break;

}

#endregion

}

catch (Exception ex)

{

}

Grid

answered on 22 Mar 2012

1 answer

107 views

Don´t hide message use of jQuery

Hi I have page where is usercontrol with message

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Message.ascx.cs" Inherits="Elearning.Usecases.UserControl.Message" %>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {

setTimeout(function () {

$("#<%=MessageContainer.ClientID %>").fadeOut("slow", function () {

$("#<%=MessageContainer.ClientID %>").remove();

});

}, 2000);

$('.closeImage').click(function () {

$(this).parent().hide();

});

</script>

<div Class="Message">

<asp:Panel ID="MessageContainer" runat="server">

<asp:Image ID="CloseImage" CssClass="closeImage icon" Style="float: right;" runat="server" ImageUrl='<%# HermesControl.GetAppItemRelativeUrl(Elearning.ElearningCommon.Icons.Delete ) %>' />

<asp:Label ID="lblMessage" EnableViewState="false" runat="server" />

</asp:Panel>

</div

>

Main page 

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <telerik:AjaxSetting AjaxControlID="imgbtnShowMessagetnSave">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="message1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="message1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="message1" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
<include:message ID="message1" runat="server" />
<asp:Button runat="server" ID="btnShowMessage"/>



And if a call show messages, then message show but don´t hide after two second. 

Please you know why?



Thanks and sorry for my english

Ajax

answered on 22 Mar 2012

1 answer

204 views

how to scroll <tbody> only in radgrid?

hi,

I have many records in my rad grid and its being contained in fixed height <div style="max-height: 350px; overflow-y:scroll">
what happens now is that the div is scrolling vertically, but in this scenario when the user is scrolling, so he would lose the the name of columns (header of each column) and the footer as well

as rad grid is rendered as html table, how can I keep <thead> and <tfoot> and make the scroll only in <tbody> ?

here is my rad grid:
[note that I am loading datasource of my grid in client side]

<telerik:RadGrid ID="gvViolation" EnableViewState="false" runat="server"

AllowPaging="true" AllowSorting="True" AllowFilteringByColumn="false" GridLines="None" Skin="Sunset" Width="735px" PageSize="3">

<ExportSettings OpenInNewWindow="true" >

<Pdf Author="WheelTrack" Creator="WheelTrack" />

</ExportSettings>

<MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed" >

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<PagerStyle Mode="NextPrevAndNumeric" />

<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" ShowExportToPdfButton="true" ShowAddNewRecordButton="false" ShowExportToCsvButton="true" />

<Columns>

<telerik:GridBoundColumn DataField="Device_Name" HeaderText="Device Name" />

<telerik:GridBoundColumn DataField="Device_Desc" HeaderText="Device Desc" />

<telerik:GridBoundColumn DataField="Rule_Name" HeaderText="Rule Name" />

<telerik:GridBoundColumn DataField="ViolationText" HeaderText="Violation" />

<telerik:GridBoundColumn DataField="Latitude" HeaderText="Latitude" />

<telerik:GridBoundColumn DataField="Longtitude" HeaderText="Longtitude" />

<telerik:GridBoundColumn DataField="UTC_Date" HeaderText="Violation Date" />

<telerik:GridBoundColumn DataField="UTC_Time" HeaderText="Violation Time" />

<telerik:GridBoundColumn DataField="Location_NearBy" HeaderText="Location NearBy" />

</Columns>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Sunset"></HeaderContextMenu>

<PagerStyle AlwaysVisible="true" Mode="NumericPages"/>

<ClientSettings>

<ClientEvents OnCommand="gvViolation_Command" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 22 Mar 2012