Questions on UI for ASP.NET AJAX Forum

1 answer

109 views

Changing Header Color to transaprent on page load

hi

I have all the items expanded during page load, but i need to also change the background color of the parent items to transparent. How should i go about it? This is my code. Thanks

if (!IsPostBack)
                {
                    foreach (RadPanelItem item in RadPanelBar1.GetAllItems())
                    {
                        if (item.Items.Count > 0)
                        {
                            item.Expanded = true;

                        }
                    }

                }

PanelBar

answered on 01 Mar 2016

3 answers

194 views

RadGrid UseStaticHeaders with GridTemplateColumns

I've noticed some funny behavior when I combine the UseStaticHeaders and GridTemplateColumn configurations for the RadGrid.

The grid loses the header and the detail disappears on occasion as well.

Here is a snippet of code:

<telerik:RadGrid

runat="server"

ID="gridSample"

AutoGenerateColumns="false"

ShowHeader="true"

ShowFooter="false"

OnItemDataBound="gridSample_ItemDataBound"

OnNeedDataSource="gridSample_NeedDataSource"

>

<ClientSettings>

<Scrolling AllowScroll="true" ScrollHeight="400px" UseStaticHeaders="true" />

</ClientSettings>

<MasterTableView EnableNoRecordsTemplate="true">

<NoRecordsTemplate>

<asp:Label runat="server" Text="There is no file to review" />

</NoRecordsTemplate>

<Columns>

<telerik:GridTemplateColumn HeaderText="Name" UniqueName="Name">

<ItemTemplate>

<asp:Label runat="server" Text='<%# Eval("LastName") + ", " + Eval("FirstName") + " " + Eval("MiddleName") %>' />

</ItemTemplate>

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

<HeaderStyle Width="45%" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

.

</Columns>

</MasterTableView>

</telerik:RadGrid>

I believe the sticking point is the use of static headers with the grid template columns. If I remove either the template columns or the UseStaticHeaders declarative, the problem goes away.

This is an older app that i am supporting and it is using the 2015.1.225.35 version of the assembly.

Grid

answered on 01 Mar 2016

1 answer

152 views

RadGrid Batch Edit - Prevent navigating to next row

I am using a RadGrid with batch edit mode. I want to have keyboard navigation turned on so that a user can tab through the columns in the current row. When this is turned on the default behavior is that when a user hits tab on the last control of a row, when there are additional rows in the grid, the user is navigated to the next row. What I want to prevent is the navigation to the next row when the last control in the edited row is currently being edited and the user presses tab. Is this possible? Is it possible to save that row edit if tab is pressed on that last control?

Thank you for your time.

General Discussions

answered on 01 Mar 2016

0 answers

49 views

give me some advice on search speed which method is the best

Hello

in a combobox the user writes the city and the program should search for this city according to written characters obviously do a search in a sql table that has over 9000 records. I set of keywords to speed everything but I ask you, which of the two methods of code is more powerful?

Protected Sub luogoresidenza_ItemsRequested(sender As Object, e As RadComboBoxItemsRequestedEventArgs) Handles luogoresidenza.ItemsRequested

Using Context As New touristEntities

If Not [String].IsNullOrEmpty(e.Text) Then

Dim Query = (From c In Context.Tab_comuni_nazioni

Where c.c_descrizione.StartsWith(e.Text)

Order By c.c_descrizione

Select c.c_idrecord, c.c_descrizione).ToList

Dim query1 = Query.Skip(e.NumberOfItems).Take(10)

luogoresidenza.DataSource = query1

luogoresidenza.DataBind()

Dim endOffset As Integer = e.NumberOfItems + query1.Count()

Dim totalCount As Integer = Query.Count()

If endOffset = totalCount Then

e.EndOfItems = True

End If

e.Message = [String].Format("Items <b>1</b>-<b>{0}</b> out of <b>{1}</b>", endOffset, totalCount)

End If

End Using

End Sub

Or better to use a web service?

ComboBox

asked on 01 Mar 2016

4 answers

214 views

How to get the rad rotator clicked items in client side

I have a rad rotator. I want to show a tooltip On radrotator OnClientItemClicked event
. I also Want to get the text of lblDescription in to tootip's Label1. . Is there any way to do this in client side.My code is Here.. Thanks in Advance

<telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="1"
ScrollDirection="up" Height="140px" ScrollDuration="2000" OnClientItemClicked="itemclicked"
Width="100%" >

<ItemTemplate>


<asp:LinkButton ID="LinkButton1" runat="server" Font-Size="Small" Font-Italic="False" ForeColor="#0033CC">
<%# Eval("Title")%></asp:LinkButton>
<asp:Label ID="lblDescription" runat="server" ><%# Eval("Description")%> </asp:Label>

</ItemTemplate>
</telerik:RadRotator>

<telerik:RadToolTip runat="server" ID="RadToolTip2" ShowEvent="FromCode" ShowDelay="0" TargetControlID="LinkButton1" Animation="Slide"
HideEvent="ManualClose" Width="300px" RelativeTo="Element" Position="MiddleRight" >

    <asp:Label ID="Label2" runat="server" > </asp:Label>

</telerik:RadToolTip>

Rotator

answered on 01 Mar 2016

3 answers

2.2K+ views

UpdatePanel

I'm experiencing an issue getting my UpdatePanel to work properly in a C# ASP.NET project. It's identical code to multiple other pages in my solution, but has unusual behavior on this page. The goal is simply to allow the user to change a radio button which then alters the visibility of various table rows further down in the UpdatePanel. Interestingly enough, the CheckBox works as expected.

In my current page, I have the following code:

<asp:UpdatePanel ID="updatePanel" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<span class="stepTitle">Set Fluid Properties</span>

<div class="calculateInnerDiv">

<asp:RadioButtonList ID="FluidTypeList" runat="server" AutoPostBack="true" RepeatDirection="Horizontal" TabIndex="101" OnSelectedIndexChanged="FluidTypeList_Changed">

<asp:ListItem Text="" Value="Liquid" />

<asp:ListItem Text="" Value="Gas" />

<asp:ListItem Text="" Value="Steam" />

</asp:RadioButtonList>

<asp:CheckBox ID="IsCompressibleCheckBox" runat="server" AutoPostBack="true" Text="Fluid Is Compressible" Checked="<%# model.isCompressible %>" TabIndex="101" OnCheckedChanged="IsCompressible_Changed" />

.

However, when it renders, there is an extra RadAjaxPanel that is being created, as seen below. This panel does not get generated in any of the other pages with a similar process. Due to the extra panel, I receive a JS error of "Uncaught TypeError: Cannot read property 'id' of null" in "Telerik.Web.UI.WebResource.axd:3776". It also displays "867|updatePanel|ctl00_ctl00_mainHolder_FluidTypeListPanel|" on the page.

<div id="mainHolder_updatePanel"> 

<span class="stepTitle">Set Fluid Properties</span>

<div class="calculateInnerDiv">

<div class="RadAjaxPanel" id="ctl00_ctl00_mainHolder_FluidTypeListPanel"> 

<table id="mainHolder_FluidTypeList">

<tr>...</tr>

</table>

</div>

<input id="mainHolder_IsCompressibleCheckBox" type="checkbox" name="ctl00$mainHolder$IsCompressibleCheckBox" onclick="javascript:setTimeout('__doPostBack(\'ctl00$mainHolder$IsCompressibleCheckBox\',\'\')', 0)" tabindex="101" />

.

For my codebehind, I run a case statement that hides/displays certain fields based on the selection, and then it calls updatePanel.Update(). Any suggestions are absolutely welcome as I'm at my wit's end on this.

Thank you for your time.

Ajax

answered on 01 Mar 2016

1 answer

176 views

Radgrid pagination dropdown remain disable on first load

I have one radgrid in user control.

I am loading that user control using RadMultiPage in my .aspx page.

If I load that user control in default pageview then Pagination dropdown of radgrid working fine but if I load that same user control in other pageview of RadMultiPage using Ajax Request of RadAjaxManager then pagination dropdown not working. It is not performing any action like hover, focused, click etc.

Other pagination controls are working fine. After refreshing grid or after any post back dropdown working fine.

Code of My .aspx file

<radA:RadAjaxManager ID="radAjaxManager"

runat="server"

AjaxUrl="OrderMain.aspx"

OnAjaxRequest="radAjaxManager_AjaxRequest" ClientEvents-OnRequestStart="reqStart()" ClientEvents-OnResponseEnd="resEnd()">

</radA:RadAjaxManager>

<div id="divReportsTreeViewContainer" class="reportsTreeViewContainer">

<radT:RadTreeView ID="radTreeViewReports"

runat="server"

Skin="Arrows/3DClassic"

ImagesBaseDir="Images/"

ExpandDelay="1"

OnNodeExpand="radTreeViewReports_NodeExpand"

ShowLineImages="false"

AutoPostBack="False">

</radT:RadTreeView>

</div>

<radTS:RadMultiPage ID="radMultiPageOrders"

runat="server"

RenderSelectedPageOnly="true"

SelectedIndex="0">

<radTS:PageView ID="defaultPage" runat="server">

<MyOwnControl:MyControl runat="server" id="mycontrol1" />

</radTS:PageView>

<radTS:PageView ID="FirstPage" runat="server">

<MyOwnControl:MyControl runat="server" id="mycontrol1" />

</radTS:PageView>

</radTS:RadMultiPage>

Code of .aspx.cs

protected void radAjaxManager_AjaxRequest(object sender, Telerik.WebControls.AjaxRequestEventArgs e)

{

switch (e.Argument)

{

case 1:

{

radMultiPageOrders.SelectedIndex = 0;

break;

}

case 2:

{

radMultiPageOrders.SelectedIndex = 1;

break;

}

default:

{

radMultiPageOrders.SelectedIndex = 0;

break;

}

My RadGrid declaration

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" ShowFooter="true" Skin="Telerik"

AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="true" SelectedItemStyle-BackColor="Green"

OnPreRender="RadGrid1_PreRender" OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand1"

OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand" OnItemDataBound="RadGrid1_ItemDataBound1"

OnItemCommand="RadGrid1_ItemCommand" PageSize="5" CellSpacing="0"></telerik:RadGrid>

General Discussions

answered on 01 Mar 2016

2 answers

118 views

Rotator control not fully refreshing when ajaxified.

I have a user control on a page which is a RadRotator control. The page is ajaxified. There is a combobox which causes the usercontrol to refresh.

With Ajax disabled, it works great.

With Ajax enabled, when the usercontrol updates itself, it is fine. When the combobox updates the usercontrol, all of the items in the usercontrol are listed vertically.

Page:

RadAjaxManager1.AjaxSettings.AddAjaxSetting(clientcbo, this.QuickReportsFormDiv, null, UpdatePanelRenderMode.Inline);

UserControl:

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

<telerik:RadScriptBlock ID="RadScriptBlockqrtr" runat="server">
<script type="text/javascript">

function ShowError(sender, args) {
alert('Quick Report Request Failed with unknown error.');
}
</script>
</telerik:RadScriptBlock>

<asp:Panel id="QuickReportsFormDiv" runat="server" style="min-height: 66px; margin-bottom: 5px; white-space: normal!important">

<telerik:RadRotator ID="QuickReportsRadRotator" runat="server"
RenderMode="Lightweight" Height="100px" Width="100%"
RotatorType="Buttons" EnableDragScrolling="false" WrapFrames="false"
ScrollDirection="Left,Right" ScrollDuration="1"
AppendDataBoundItems="false"
OnItemClick="QuickReportsRadRotator_ItemClick"
>

<ItemTemplate>

<telerik:RadBinaryImage ID="QuickReportsControl" runat="server"
CssClass="QRThumbnails"
AlternateText='<%# Eval("FileUploadID") %>' ToolTip='<%# Eval("FileTitle") %>'
DataValue='<%# Eval("ThumbnailBinaryData") %>'
/>
</ItemTemplate>
</telerik:RadRotator>

</asp:Panel>

Rotator

answered on 01 Mar 2016

12 answers

2.6K+ views

Open a radwindow from Server side

Hi,

I tried to use a RadWindows as a container, I put a radtextbox it in.
Then I wanted my user to right click on a listbox item and then Click "Edit" (from a RadContextMenu), I want to update the textbox based on the user's selection. So I need to open RadWindow from Server Side code. But if I use the OpenElementID properties, the client side event of the "Edit" item won't be fired.

Any idea?

Andy Ho

Window

answered on 01 Mar 2016

4 answers

452 views

Export to Excel check box issue

Hi,

We use Telerik grid for VS2008, version 2011.3.1115.0.

I have 2 issues:

1) When I create columns manually in this way:

<div style="margin-right: 20px;">

<telerik:RadGrid ID="RadGrid1" runat="server" Width="100%" DataSourceID="SqlDataSource1" AllowAutomaticDeletes="true" AllowAutomaticInserts="true" AllowAutomaticUpdates="true"

AutoGenerateColumns="false" AllowMultiRowSelection="true">

<MasterTableView PageSize="10" AllowPaging="True" Width="100%" DataKeyNames="ContinentID" DataSourceID="SqlDataSource1" EditMode="InPlace">

<Columns>

<telerik:GridClientSelectColumn></telerik:GridClientSelectColumn>

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

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

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowContextMenu="RowContextMenu"></ClientEvents>

<Selecting AllowRowSelect="true"></Selecting>

</ClientSettings>

</telerik:RadGrid>

</div>

The code behind is as follows:

RadGrid1.ExportSettings.ExportOnlyData = true;

RadGrid1.ExportSettings.IgnorePaging = true;

RadGrid1.ExportSettings.OpenInNewWindow = true;

RadGrid1.MasterTableView.ExportToExcel();

When I export grid to Excel file the Boolean values from first check box column are exported as well. How can I export all data but without those Boolean values?

2) When I want to export data only from selected rows from grid that contains the first check box column to Excel file using the following code:

foreach (GridDataItem item in RadGrid1.Items)

{

if (item.Selected == false)

{

item.Visible = false;

}

RadGrid1.ExportSettings.ExportOnlyData = true;

RadGrid1.ExportSettings.IgnorePaging = true;

RadGrid1.ExportSettings.OpenInNewWindow = true;

RadGrid1.MasterTableView.ExportToExcel();

not only selected rows, but whole grid was exported.

How can I solve these 2 issues?

Thank you in advance.

Goran

Grid