Questions on UI for ASP.NET AJAX Forum

110,824 questions

0 answers

59 views

AjaxLoadingPanel in WebUserControl Edit Form

Hello,

I'm cannot get my ajaxloadingpanel to appear during an ajax event for my webusercontrol edit for for my radgrid.

My grid is ajaxified by an ajaxmanager and has a specified default ajaxloadingpanel. The loadingpanel displays during grid sorts and filtering.

I am using an usercontrol as the editform (editformtype=webusercontrol). The form has several controls on it that I ajaxify by adding ajaxsettings items in the page_load of the usercontrol. The ajax update behavior seems to be fine (when I change a combo box, the other form controls update the way I want them to). What is missing is the display of the AjaxLoadingPanel that is set as the default loading panel for the ajaxmanager on the page.

Is there something more specific I must do to get it to display over the updating controls of my edit form ?

Thanks.

Mike

Grid

asked on 05 Jun 2012

2 answers

267 views

[Solved] Databind radgrid that is inside a radlistview

I would like to bind a radgrid that is within an itemtemplate of a list view. Nothing complicated. Just a grid in a list view. The grid will be bound from code behind and really has no dependance on the listview. The listview simply holds the grid.

ASPX:

<telerik:RadListView ID="RadListView1" runat="server">

<LayoutTemplate>

<div>

<div ID="itemPlaceholder" runat="server">

</div>

</LayoutTemplate>

<ItemTemplate>

<div>

<table cellpadding="0" cellspacing="0" style="width: 700px">

<tr>

<td style="background-color: #597791">

<img alt="" src="../../../images/spacer_1h20w.png"

style="width: 20px; height: 1px" />

</td>

</tr>

</table>

<table style="width: 100%">

<tr>

<td class="tbltd" style="width: 90px; color: #00B000;">

Bitech ID:</td>

<td style="width: 221px">

<strong>

<asp:Label ID="lbl_IDBitech" runat="server"

Text='<%# Eval("IDBitech") %>' ForeColor="#00B000" />

</strong>

</td>

<td class="tbltd" style="width: 136px">

Site:</td>

<td>

<asp:Label ID="lbl_Site" runat="server" Text='<%# Eval("Site") %>' />

</td>

</tr>

<tr>

<td class="tbltd" style="width: 90px">

Staff ID:</td>

<td style="width: 221px">

<asp:Label ID="lbl_StaffID" runat="server" Text='<%# Eval("IDStaff") %>' />

</td>

<td class="tbltd" style="width: 136px">

Phone:</td>

<td>

<asp:Label ID="lbl_IPPhone" runat="server" Text='<%# Eval("PhoneIP") %>' />

</td>

</tr>

<tr>

<td class="tbltd" style="width: 90px">

User Name:</td>

<td style="width: 221px">

<asp:Label ID="lbl_UserName" runat="server" Text='<%# Eval("UserName") %>' />

</td>

<td class="tbltd" style="width: 136px">

Email:</td>

<td>

<asp:Label ID="lbl_Email" runat="server" Text='<%# Eval("EmailAddress") %>'></asp:Label>

</td>

</tr>

<tr>

<td class="tbltd" style="width: 90px">

Last Name:</td>

<td style="width: 221px">

<asp:Label ID="lbl_LastName" runat="server" Text='<%# Eval("LastName") %>' />

</td>

<td class="tbltd" style="width: 136px">

</td>

<td>

</td>

</tr>

<tr>

<td class="tbltd" style="width: 90px">

First Name:</td>

<td style="width: 221px">

<asp:Label ID="lbl_FirstName" runat="server" Text='<%# Eval("FirstName") %>' />

</td>

<td class="tbltd" style="width: 136px">

</td>

<td>

</td>

</tr>

<tr>

<td class="tbltd" style="width: 90px">

Title:</td>

<td style="width: 221px">

<asp:Label ID="lbl_Title" runat="server" Text='<%# Eval("JobTitle") %>' />

</td>

<td class="tbltd" style="width: 136px">

</td>

<td>

</td>

</tr>

<tr>

<td class="tbltd" style="width: 90px">

Password:</td>

<td style="width: 221px">

<asp:Label ID="lbl_Password" runat="server" Text='<%# Eval("Password") %>' />

</td>

<td class="tbltd" style="width: 136px">

</td>

<td>

</td>

</tr>

</table>

<table cellpadding="0" cellspacing="0" style="width: 100%">

<tr>

<td style="background-color: #597791">

<img alt="" src="../../../images/spacer_1h20w.png"

style="width: 20px; height: 1px" />

</td>

</tr>

</table>

<table cellpadding="0" cellspacing="0" style="width: 650px">

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<table cellpadding="0" cellspacing="0"

style="width: 105px; height: 24px; background-image: url('../../../images/rad_button.gif')">

<tr>

<td class="rad_button" style="text-align: center">

<asp:HyperLink ID="HyperLink2" runat="server" CssClass="rad_button"

NavigateUrl='<%# "user_details.aspx?UserName=" + Eval("UserName") %>'>Details</asp:HyperLink>

</td>

</tr>

</table>

</td>

<td>

<table cellpadding="0" cellspacing="0"

style="width: 105px; height: 24px; background-image: url('../../../images/rad_button.gif')">

<tr>

<td class="rad_button" style="text-align: center">

<asp:HyperLink ID="HyperLink1" runat="server"

NavigateUrl='<%# "user_change_site.aspx?UserName=" + Eval("UserName")%>'>Change Site</asp:HyperLink>

</td>

</tr>

</table>

</td>

<td>

<table cellpadding="0" cellspacing="0"

style="width: 105px; height: 24px; background-image: url('../../../images/rad_button.gif')">

<tr>

<td class="rad_button" style="text-align: center">

<asp:HyperLink ID="HyperLink3" runat="server"

NavigateUrl='<%# "user_change_name.aspx?UserName=" + Eval("UserName")%>'>Change Last Name</asp:HyperLink>

</td>

</tr>

</table>

</td>

<td>

<table cellpadding="0" cellspacing="0"

style="width: 105px; height: 24px; background-image: url('../../../images/rad_button.gif')">

<tr>

<td class="rad_button" style="text-align: center">

<asp:HyperLink ID="HyperLink4" runat="server"

NavigateUrl='<%# "user_disable.aspx?UserName=" + Eval("UserName")%>'>Disable</asp:HyperLink>

</td>

</tr>

</table>

</td>

<td>

<table cellpadding="0" cellspacing="0"

style="width: 105px; height: 24px; background-image: url('../../../images/rad_button.gif')">

<tr>

<td class="rad_button" style="text-align: center">

<asp:HyperLink ID="HyperLink5" runat="server"

NavigateUrl='<%# "user_delete.aspx?UserName=" + Eval("UserName")%>'>Delete</asp:HyperLink>

</td>

</tr>

</table>

</td>

</tr>

</table>

<p>

<telerik:RadGrid ID="rgd_AreiesLog1" runat="server"

AutoGenerateColumns="False" GridLines="None" Skin="WebBlue" Width="500px">

<MasterTableView DataKeyNames="usr" NoMasterRecordsText="No Aeries data found.">

<CommandItemSettings />

<Columns>

<telerik:GridBoundColumn DataField="dt" HeaderStyle-HorizontalAlign="Center"

HeaderText="Login Date" ItemStyle-HorizontalAlign="Center" SortExpression="dt"

UniqueName="dt">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="co" HeaderStyle-HorizontalAlign="Center"

HeaderText="Aeries Version" ItemStyle-HorizontalAlign="Center"

SortExpression="co" UniqueName="co">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ip" HeaderStyle-HorizontalAlign="Center"

HeaderText="IP Address" ItemStyle-HorizontalAlign="Center" SortExpression="ip"

UniqueName="ip">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<br />

</p>

</div>

</ItemTemplate>

</telerik:RadListView>

Here is what I am attempting in code behind:

'***********************************************************************************************************************

'Search for users by UserName

'***********************************************************************************************************************

Protected Sub rcb_Users_SelectedIndexChanged(o As Object, e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles rcb_Users.SelectedIndexChanged

Dim cn As SqlConnection = New SqlConnection(ConfigurationManager.ConnectionStrings("IT_CentralConnectionString").ToString)

cn.Open()

Dim SqlCmd As SqlCommand

SqlCmd = New SqlCommand("SELECT DisplayValue FROM ITC_Options WHERE NAME = 'AeriesDefaultYear'", cn)

Session("AeriesYear") = CType(SqlCmd.ExecuteScalar, String)

cn.Close()

rgd_User_List.DataSource = UserDetails_UserName()

rgd_AreiesLog.DataSource = AreiesLog_UserName()

rgd_PC_List.DataSource = WorkstationDetails_UserName()

rgd_User_List.DataBind()

rgd_AreiesLog.DataBind()

rgd_PC_List.DataBind()

RadListView1.DataSource = UserDetails_UserName()

RadListView1.DataBind()

Dim rgd_AreiesLog1 As RadGrid = DirectCast(RadListView1.ItemTemplate.FindControl("rgd_AreiesLog1"), RadGrid)

rgd_AreiesLog1.DataSource = AreiesLog_UserName()

rgd_AreiesLog1.DataBind()

End Sub

Private Function AreiesLog_UserName() As DataTable

Dim DatabaseName As String = Session("AeriesYear")

Dim connectionString As String = DirectCast(ConfigurationManager.ConnectionStrings("EagleAdmin_ConnectionString").ConnectionString, String)

Dim connection As New SqlConnection(connectionString)

Dim command As New SqlCommand(connectionString, connection)

command = New SqlCommand("aa_user_info", connection)

command.CommandType = CommandType.StoredProcedure

command.Parameters.Add("@DBName", SqlDbType.VarChar).Value = DatabaseName

If rcb_Users.Text = " " Then

command.Parameters.Add("@UserName", SqlDbType.VarChar).Value = "TUSTIN_NT\" + rcb_Users.SelectedValue

Else

command.Parameters.Add("@UserName", SqlDbType.VarChar).Value = "TUSTIN_NT\" + rcb_Users.Text

End If

command.Connection.Open()

Dim myDataAdapter As New SqlDataAdapter(command)

Dim myDataSet As New DataSet

Dim dtData As New DataTable

myDataAdapter.Fill(myDataSet)

Return myDataSet.Tables(0)

command.Connection.Close()

End Function

Private Function UserDetails_UserName() As DataTable

Dim connectionString As String = DirectCast(ConfigurationManager.ConnectionStrings("IT_CentralConnectionString").ConnectionString, String)

Dim conn As New SqlConnection(connectionString)

Dim comm As New SqlCommand(

"SELECT [UserName], [IDBitech], [IDStaff], [Password], [LastName], [Site], [JobTitle], [FirstName], [EmailAddress], [PhoneIP] FROM [vw_ADUsersExtended] WHERE ([UserName] LIKE @UserName + '%') ORDER BY UserName"

, conn)

comm.Connection.Open()

If rcb_Users.Text = " " Then

comm.Parameters.Add("@UserName", SqlDbType.VarChar).Value = rcb_Users.SelectedValue

Else

comm.Parameters.Add("@UserName", SqlDbType.VarChar).Value = rcb_Users.Text

End If

Dim myDataAdapter As New SqlDataAdapter(comm)

Dim myDataSet As New DataSet

Dim dtData As New DataTable

myDataAdapter.Fill(myDataSet)

Return myDataSet.Tables(0)

comm.Connection.Close()

End Function

Private Function WorkstationDetails_UserName() As DataTable

Dim connectionString As String = DirectCast(ConfigurationManager.ConnectionStrings("IT_CentralConnectionString").ConnectionString, String)

Dim conn As New SqlConnection(connectionString)

Dim comm As New SqlCommand(

"SELECT [LogonTime], [Host_Name], [IP_Address], [Boot_Time] FROM [vw_BG_ADSI_Extended] WHERE ([UserName] LIKE @UserName + '%') ORDER BY LogonTime DESC"

, conn)

comm.Connection.Open()

If rcb_Users.Text = " " Then

comm.Parameters.Add("@UserName", SqlDbType.VarChar).Value = rcb_Users.SelectedValue

Else

comm.Parameters.Add("@UserName", SqlDbType.VarChar).Value = rcb_Users.Text

End If

Dim myDataAdapter As New SqlDataAdapter(comm)

Dim myDataSet As New DataSet

Dim dtData As New DataTable

myDataAdapter.Fill(myDataSet)

Return myDataSet.Tables(0)

comm.Connection.Close()

End Function

Any help much appreciated.

Grid

answered on 05 Jun 2012

0 answers

105 views

Adding a custom row to the top of a RadGrid

I have a rad grid that displays a handful of values IF they exist in the database. What I want to do is insert a custom row on the grid before any of the data appears that shows the "default values". Like so,

First row would always show:
<tr>
<td colspan="2">Default Values</td>
<td>Price 1</td>
<td>Price 2</td>
<td>Price 3</td>
<td>Price 4</td>
</tr>

Here are the grid columns:

<Columns>

<telerik:GridBoundColumn DataField="sourceid" DataType="System.Int16"

FilterControlAltText="Filter source_id column" HeaderText="Source ID"

SortExpression="sourceid" UniqueName="sourceid">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="affiliate"

FilterControlAltText="Filter affiliate column" HeaderText="Affiliate"

SortExpression="affiliate" UniqueName="affiliate">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price1" DataType="System.Decimal"

FilterControlAltText="Filter Price1 column" HeaderText="Price1"

SortExpression="Price1" UniqueName="Price1" DataFormatString="{0:C}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price2" DataType="System.Decimal"

FilterControlAltText="Filter Price2column" HeaderText="Price2"

SortExpression="Price2" UniqueName="Price2" DataFormatString="{0:C}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price3" DataType="System.Decimal"

FilterControlAltText="Filter Price3column" HeaderText="Price3"

SortExpression="Price3" UniqueName="Price3" DataFormatString="{0:C}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price4" DataType="System.Decimal"

FilterControlAltText="Filter Price4column" HeaderText="Price4"

SortExpression="Price4" UniqueName="Price4" DataFormatString="{0:C}">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete">

</telerik:GridButtonColumn>

</Columns>

Grid

asked on 05 Jun 2012

2 answers

105 views

Refresh treeview in RadPane

Hi,
I'm using a radtreeview to navigate records in my RadSplitter. In left RadPane I have a RadTreeView and in the right RadPane I load dynamically pages with. On update I call ajaxManager.ajaxRequest to update radTreeView. However how do I refresh it?

Thanks

TreeView

answered on 05 Jun 2012

1 answer

115 views

Loop through grid results and fire off event based on results

I have a Data Grid that currently displays information.

I have a column named "Status" that displays P, C, or I

I have a Rebind occurring every 15 seconds

After each rebind, or during (not sure) I want to check each row for
the value "P". If that column Status is P, i want to count it and add it
to a variable.

Once the count is complete after the grid loads, I want to fire off some
script based on the results.

So if there are any values of P in the grid results, I want do something.

How can I accomplish this? Below is what I started to do, but its not
working right.

Again, trying to loop through EVERY ROW, get the calculated value based
on what the Status is. If there are no statuses processing, then I will
return a 0 and do something.

What's the best way of doing this?

protected void grdData_ItemDataBound(object sender, GridItemEventArgs e)

{

for (int i = 0; i < grdData.MasterTableView.Items.Count; i++)

{

string status = item["Status"].Text;

if (status == Constants.RunStatusCodes.PROCESSING)

{

processingModels = processingModels + 1;

}

if (processingModels == 0)

{

txtActive.Text = "N";

updPanel.Update();

}

Grid

answered on 05 Jun 2012

2 answers

336 views

[Solved] Detecting scroll position in multiline RadTextBox

I have a multiline RadTextBox with enough text to make the scrollbar visible. Is it possible to detect when the user scrolls to the bottom?

I've done this before with a System.Windows.Forms.RichTextBox, which fires a VScroll event.

private void agreementTextbox_VScroll(object sender, EventArgs e)

{

Point pt = agreementTextbox.GetPositionFromCharIndex(agreementTextbox.TextLength);

if (agreementTextbox.ClientRectangle.Contains(pt))

{

//user has scrolled down all the way

}

However, I don't see how to do this with a RadTextBox.

Input

answered on 05 Jun 2012

4 answers

62 views

Please help me, radgrid displays the search result for the first time,but not from the second time onwards?

<asp:Content ID="Content1" ContentPlaceHolderID="PageContent" runat="Server">

<div class="rbcontent">

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnReset">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PnlCustomer" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnReset">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlSalesReport" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnSearch">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PnlCustomerGrid" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="gvCustomer">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PnlCustomerGrid" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="Sunset">

</telerik:RadAjaxLoadingPanel>

<asp:Panel ID="PnlCustomer" runat="server" Visible="false">

<table width="888" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="Title" align="center">

Customer Reports

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<table width="888" border="0" cellspacing="0" cellpadding="4">

<tr>

<td class="text18" width="180">

Date of birth

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddlday" EnableTextSelection="true" ChangeTextOnKeyBoardNavigation="true"

Filter="StartsWith" CssClass="RadComboBoxFilter" MarkFirstMatch="true" runat="server"

Width="60px">

<Items>

<telerik:RadComboBoxItem Text="DD" Value="" />

<telerik:RadComboBoxItem Text="01" Value="01" />

<telerik:RadComboBoxItem Text="02" Value="02" />

<telerik:RadComboBoxItem Text="03" Value="03" />

<telerik:RadComboBoxItem Text="04" Value="04" />

<telerik:RadComboBoxItem Text="05" Value="05" />

<telerik:RadComboBoxItem Text="06" Value="06" />

<telerik:RadComboBoxItem Text="07" Value="07" />

<telerik:RadComboBoxItem Text="08" Value="08" />

<telerik:RadComboBoxItem Text="09" Value="09" />

<telerik:RadComboBoxItem Text="10" Value="10" />

<telerik:RadComboBoxItem Text="11" Value="11" />

<telerik:RadComboBoxItem Text="12" Value="12" />

<telerik:RadComboBoxItem Text="13" Value="13" />

<telerik:RadComboBoxItem Text="14" Value="14" />

<telerik:RadComboBoxItem Text="15" Value="15" />

<telerik:RadComboBoxItem Text="16" Value="16" />

<telerik:RadComboBoxItem Text="17" Value="17" />

<telerik:RadComboBoxItem Text="18" Value="18" />

<telerik:RadComboBoxItem Text="19" Value="19" />

<telerik:RadComboBoxItem Text="20" Value="20" />

<telerik:RadComboBoxItem Text="21" Value="21" />

<telerik:RadComboBoxItem Text="22" Value="22" />

<telerik:RadComboBoxItem Text="23" Value="23" />

<telerik:RadComboBoxItem Text="24" Value="24" />

<telerik:RadComboBoxItem Text="25" Value="25" />

<telerik:RadComboBoxItem Text="26" Value="26" />

<telerik:RadComboBoxItem Text="27" Value="27" />

<telerik:RadComboBoxItem Text="28" Value="28" />

<telerik:RadComboBoxItem Text="29" Value="29" />

<telerik:RadComboBoxItem Text="30" Value="30" />

<telerik:RadComboBoxItem Text="31" Value="31" />

</Items>

</telerik:RadComboBox>

/

<telerik:RadComboBox ID="Cust_ddlmonth" EnableTextSelection="true" ChangeTextOnKeyBoardNavigation="true"

Filter="StartsWith" CssClass="RadComboBoxFilter" MarkFirstMatch="true" runat="server"

Width="60px">

<Items>

<telerik:RadComboBoxItem Text="MM" Value="" />

<telerik:RadComboBoxItem Text="Jan" Value="01" />

<telerik:RadComboBoxItem Text="Feb" Value="02" />

<telerik:RadComboBoxItem Text="Mar" Value="03" />

<telerik:RadComboBoxItem Text="Apr" Value="04" />

<telerik:RadComboBoxItem Text="May" Value="05" />

<telerik:RadComboBoxItem Text="Jun" Value="06" />

<telerik:RadComboBoxItem Text="Jul" Value="07" />

<telerik:RadComboBoxItem Text="Aug" Value="08" />

<telerik:RadComboBoxItem Text="Sep" Value="09" />

<telerik:RadComboBoxItem Text="Oct" Value="10" />

<telerik:RadComboBoxItem Text="Nov" Value="11" />

<telerik:RadComboBoxItem Text="Dec" Value="12" />

</Items>

</telerik:RadComboBox>

/

<telerik:RadComboBox ID="Cust_ddl_year" EnableTextSelection="true" ChangeTextOnKeyBoardNavigation="true"

Filter="StartsWith" CssClass="RadComboBoxFilter" MarkFirstMatch="true" runat="server"

Width="60px">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="text18" width="180">

Gender

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddl_Gender" DataTextField="Descp" DataValueField="Refcd"

runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="text18" width="180">

Marital Status

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddl_Marital" runat="server" DataTextField="Descp" DataValueField="Refcd">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="text18" width="180">

Card Collection

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddl_CardCollection" runat="server" DataTextField="Descp"

DataValueField="Refcd">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="text18" width="180">

Nationality

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddl_Nationality" EnableTextSelection="true" ChangeTextOnKeyBoardNavigation="true"

Filter="StartsWith" CssClass="RadComboBoxFilter" MarkFirstMatch="true" runat="server"

DataTextField="Descp" DataValueField="Refcd">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="text18" width="180">

Preferred Communication

</td>

<td width="10">

</td>

<td width="360">

<asp:CheckBoxList ID="CUST_chk_PrefComm" RepeatDirection="Horizontal" RepeatLayout="Table"

DataTextField="Descp" DataValueField="Refcd" runat="server" BorderStyle="None">

</asp:CheckBoxList>

</td>

</tr>

<tr>

<td class="text18" width="180">

Personal Interest

</td>

<td width="10">

</td>

<td width="360">

<asp:CheckBoxList ID="Cust_Chk_Interests" RepeatDirection="Horizontal" RepeatColumns="4"

RepeatLayout="Table" DataTextField="Descp" DataValueField="Refcd" runat="server"

BorderStyle="None">

</asp:CheckBoxList>

</td>

</tr>

<tr>

<td class="text18" width="180">

Annual Income

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddl_Income" CssClass="text09" DataTextField="Descp"

DataValueField="Refcd" runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="text18" width="180">

Occupation

</td>

<td width="10">

</td>

<td width="360">

<telerik:RadComboBox ID="Cust_ddl_Occupation" DataTextField="Descp" DataValueField="Refcd"

runat="server">

</telerik:RadComboBox>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table width="700" border="0" cellspacing="0" cellpadding="4">

<tr>

<td class="text18" style="width: 212px">

Point Range

</td>

<td class="text18" style="width: 87px">

From

</td>

<td>

<telerik:RadNumericTextBox ID="txtPntFrom" CssClass="text09" runat="server" NumberFormat-DecimalDigits="0">

</telerik:RadNumericTextBox>

</td>

<td class="text18">

To

</td>

<td>

<telerik:RadNumericTextBox ID="txtPntTo" runat="server" NumberFormat-DecimalDigits="0">

</telerik:RadNumericTextBox>

</td>

</tr>

<%--<tr>

<td class="text18"><asp:Label ID="lbl1" runat="server"></asp:Label></td>

<td><asp:Label ID="Lbl2" runat="server"></asp:Label></td>

</tr>--%>

</table>

</asp:Panel>

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

<table cellpadding="10" cellspacing="10" border="0">

<tr>

<td style="width: 290px">

</td>

<td>

<asp:ImageButton ID="btnSearch" runat="server" ImageUrl="~/images_latest/btnSearch.png" />

</td>

<td style="width: 38px">

<asp:ImageButton ID="btnReset" runat="server" ImageUrl="images_latest/11.png" />

</td>

<td style="width: 32px">

<asp:ImageButton ID="btnXlsXport" ValidationGroup="Export" ToolTip="Download the table in Excel(XLS) format"

runat="server" ImageUrl="~/images_latest/btnSave.png" />

</td>

</tr>

</table>

<table cellpadding="0" cellspacing="2" border="0">

<tr>

<td style="width: 29%">

</td>

<td style="width: 294px">

</td>

<td style="width: 37%" align="right">

</td>

</tr>

</table>

</asp:Panel>

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

<table cellpadding="0" cellspacing="0" border="0" class="tblGridView">

<tr>

<td colspan="2" class="tdGridview">

<telerik:RadGrid ID="gvCustomer" CssClass="AddBorders" runat="server" Width="888px"

AutoGenerateColumns="False" ShowDesignTimeSmartTagMessage="False" HeaderStyle-HorizontalAlign="Center"

AllowPaging="True" AllowSorting="True" Skin="Sunset" GridLines="None">

<PagerStyle Mode="NextPrevAndNumeric" />

<ClientSettings ReorderColumnsOnClient="True" AllowColumnsReorder="True" ColumnsReorderMethod="Reorder"

EnableRowHoverStyle="true">

<Resizing AllowColumnResize="true" />

</ClientSettings>

<GroupingSettings CaseSensitive="false" />

<MasterTableView TableLayout="Fixed">

<Columns>

<telerik:GridBoundColumn HeaderText="Card No" DataField="CardNo" UniqueName="CardNo"

SortExpression="CardNo" HeaderStyle-Width="150px" AllowFiltering="true" FilterDelay="4000"

FilterControlWidth="145px" AutoPostBackOnFilter="false" CurrentFilterFunction="Contains">

<HeaderStyle Width="150px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Familyname" HeaderText="Name" UniqueName="Name"

CurrentFilterFunction="Contains" FilterControlWidth="97" ShowFilterIcon="false"

HeaderStyle-Width="100px" SortExpression="FamilyName">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmailAddr" UniqueName="EmailAddr" HeaderText="Email ID"

CurrentFilterFunction="Contains" FilterControlWidth="137" FilterDelay="4000"

ShowFilterIcon="false" HeaderStyle-Width="100px" SortExpression="EmailAddr">

<HeaderStyle Width="140px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MobileNo" UniqueName="MobileNo" HeaderText="Contact No"

CurrentFilterFunction="Contains" FilterControlWidth="137" ShowFilterIcon="false"

HeaderStyle-Width="100px" SortExpression="MobileNo">

<HeaderStyle Width="140px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Address" UniqueName="Address" AllowFiltering="false"

HeaderText="Address" CurrentFilterFunction="Contains" ShowFilterIcon="false"

HeaderStyle-Width="200px" SortExpression="Address">

<HeaderStyle Width="200px" />

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="MemberSince" UniqueName="MemberSince" FilterControlWidth="97"

HeaderText="Member Since" CurrentFilterFunction="Contains" ShowFilterIcon="false"

HeaderStyle-Width="100px" DataFormatString="{0:MMMM dd, yyyy}" SortExpression="MemberSince">

<HeaderStyle Width="100px" />

</telerik:GridDateTimeColumn>

</Columns>

</MasterTableView>

<ExportSettings FileName="CustomerReport">

</ExportSettings>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

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

</ClientSettings>

<HeaderStyle HorizontalAlign="Center" />

</telerik:RadGrid>

</td>

</tr>

</table>

<table>

</table>

</asp:Panel>

<table>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</div>

</asp:Content>

=============================================================================

Search click event contains these lines of code

Protected Sub btnSearch_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles btnSearch.Click

gvCustomer.DataSource = Nothing

objSQLDataClient = New SQLDataClient

dtReport = GenerateCustomerReportTable()

PnlCustomerGrid.Visible = True

dtGrdSrc = objSQLDataClient.SearchCustomer(dtReport)

Session("GridSrc") = dtGrdSrc

gvCustomer.DataSource = dtGrdSrc

gvCustomer.DataBind()

End Sub

Protected Sub gvCustomer_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles gvCustomer.NeedDataSource

PnlCustomerGrid.Visible = True

dtGrdSrc = CType(Session("GridSrc"), DataTable)

gvCustomer.DataSource = dtGrdSrc

End Sub

========================================================================

so now why is the grid displays data on the first search and not from the second onwards? the ajaxloadingpanel just keeps loading on the gird. There are three pages very similar to this and all have the same problem. I linked the page to a master page which contains the asp script manager along with a loading panel.

please help me findout the issue here?i'm about to cross my deadline.

Grid

answered on 05 Jun 2012

2 answers

161 views

Animated Insert of a New Row?

Imagine a RadGrid with about 20 rows of data. Each will have a checkbox. When the user clicks the checkbox, I need to insert a companion row below it that is closely related to the original row.

I can imagine inserting such a new row into the middle of a DataTable and rebinding the RadGrid to the DataTable but to just do this instantly will be visually confusing to the user.

I'm thus wondering if there's a way to animate the insertion of the new row, where essentially the new row "slides" down from the row where the checkbox was clicked?

I hope I've explained my requirement sufficiently. Might anyone have any ideas on how to do this?

Robert

Grid

answered on 05 Jun 2012

2 answers

168 views

Telerik wbesite Menu ("Product families")

Hi everyone,

i'd just wish to know how to get the Telerik website menu : "Telerik.... Product Families... Account.... About us" ?
My goal is to use only one root item (like "Product families" in our example) with a link. I presently use the RadMenu Control, but i cannot :
- align this root item in the center of my menu,
- use a link instead of the button by default.

Question : is it possible with the radMenu control ?

Thx for your help and advices ;)