Questions on UI for ASP.NET AJAX Forum

1 answer

107 views

[Solved] Generic Conditional Cell/Row Styling

Hey, I am attempting to evaluate a Condition for each Cell of each Row. I am aware of OnItemDataBound and plan to use this, however I need the conditions to be more generic.

The setup I am looking to achieve is:
A Conditions Data Base Table with the Columns:

[TableName]
[ColumnName]
[Condition]
[StyleID]

When I query the Data Base for any Data I want to also gather all conditions for each column of that table.
When a row is data bound to the grid I want to evaluate the condition for each cell. If the condition passes I apply the associated style to that cell based on StyleID (Which would be another data base table with BackColor, ForColor, Bold, ect..).

I would like to be able to pass any data to the Grid and have it run all conditions and apply styles without ever hard coding column names or conditions in the application.

I am attempting to achieve this because the conditions and styling will be user created by another application.

Thanks,

Taylor Devereaux

Grid

answered on 23 Jul 2013

2 answers

106 views

The Grid failed to refrehsh

Hi.

     I have used a Grid, a ComBoBox, and a button to do a simple task.
    User selects something from the ComboBox, then click on the button. I expect the Grid will be refreshed according to the selecttions from the ComboBox.
    The problem is that the Gird can't be refreshed after the button click, I don't know what is the problem, I have tried RadGrid1.DataBind() and RadGrid1.Rebind().

Please help.

Thanks,
Jian
++++++++++++++++++++++++
Codes for Aspx page

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns='http://www.w3.org/1999/xhtml'>

<head>

    <title>Simple Data Binding in AJAX GridView | RadGrid demo</title>

</head>

<body>

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

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

     <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">

               <telerik:RadComboBox ID="RadComboBox1" runat="server" CheckBoxes="true" EnableCheckAllItemsCheckBox="false"
                    Width="300" Label="Select SaleRep:">
                    <Items>
                         <telerik:RadComboBoxItem Text="6277" />
                         <telerik:RadComboBoxItem Text="6278" />
                         <telerik:RadComboBoxItem Text="6279" />
                         <telerik:RadComboBoxItem Text="6280" />
                         <telerik:RadComboBoxItem Text="6281" />
                         <telerik:RadComboBoxItem Text="6282" />
                         <telerik:RadComboBoxItem Text="6283" />
                         <telerik:RadComboBoxItem Text="6284" />
                         <telerik:RadComboBoxItem Text="6285" />
                         <telerik:RadComboBoxItem Text="6286" />
                         <telerik:RadComboBoxItem Text="6287" />
                         <telerik:RadComboBoxItem Text="6288" />
                    </Items>
               </telerik:RadComboBox>

               <telerik:RadButton ID="Button1" runat="server" Text="Get Checked Items" OnClick="Button1_Click" />

     </telerik:RadAjaxPanel>

     <br /><br />
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadGrid ID="RadGrid1" Width="97%" AllowPaging="True" PageSize="15" runat="server"
        AllowSorting="true" GridLines="None">
        <MasterTableView Width="100%">
        </MasterTableView>
        <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
        <FilterMenu EnableTheming="True">
            <CollapseAnimation Duration="200" Type="OutQuint"></CollapseAnimation>
        </FilterMenu>
    </telerik:RadGrid>

</form>

</body>

</html>

=================
Code for ASPX.VB Page

Imports System
Imports System.Configuration
Imports System.Data
Imports System.Data.SqlClient
Imports Telerik.Web.UI

Partial Public Class Grid2
    Inherits System.Web.UI.Page

    Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

        RadGrid1.DataSource = GetDataTable("SELECT TOP 20 [salesRepID],[salesID],[lastName],[firstName] FROM [tpcodata2].[dbo].[salesRep]")

    End Sub

    Public Function GetDataTable(ByVal query As String) As DataTable
        Dim ConnString As String = ConfigurationManager.ConnectionStrings("NorthwindConnectionString").ConnectionString
        Dim conn As SqlConnection = New SqlConnection(ConnString)
        Dim adapter As SqlDataAdapter = New SqlDataAdapter
        adapter.SelectCommand = New SqlCommand(query, conn)
        Dim table1 As New DataTable
        conn.Open()
        Try
            adapter.Fill(table1)
        Finally
            conn.Close()
        End Try
        Return table1
    End Function

    Public Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click
        Dim sb As New StringBuilder()
        Dim collection As IList(Of RadComboBoxItem) = RadComboBox1.CheckedItems
        Dim iCnt As Integer

        If (collection.Count <> 0) Then
            iCnt = 1
            For Each item As RadComboBoxItem In collection
                If iCnt = collection.Count Then
                    sb.Append(item.Text)
                Else
                    sb.Append(item.Text + ",")
                End If

                iCnt = iCnt + 1
            Next

        End If

        If sb.ToString() = "" Then
            Me.RadGrid1.DataSource = GetDataTable("SELECT TOP 20 [salesRepID],[salesID],[lastName],[firstName] FROM [tpcodata2].[dbo].[salesRep]")
        Else
            Me.RadGrid1.DataSource = GetDataTable("SELECT [salesRepID],[salesID],[lastName],[firstName] FROM [tpcodata2].[dbo].[salesRep] where [salesRepID] in (" + sb.ToString() + ")")
        End If

        Me.RadGrid1.Rebind()

    End Sub

End Class

Grid

answered on 23 Jul 2013

7 answers

132 views

Reimers Google Map not loading by RadAjaxManagerProxy with in a user control

Hello Telerk,
I am using two use controls GoogleMaps.ascx and GMaps.ascx.The GMaps.ascx is inside the
GoogleMaps.ascx.I am using a RadListbox on GoogleMaps.ascx to load the map on GMaps.ascx.Everything was working fine but my client requested to ajaxify the RadListBox so I have added a RadAjaxManagerProxy to the GoogleMaps.ascx.But after adding this my map is not showing if i added another control below or upper to the map that is working fine but map still not showing(ResponseScript not coming) please suggest ASAP.......
Here is my code.....
GoogleMaps.ascx-:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GoogleMaps.ascx.cs"

Inherits="BSL.TaylorWimpey.SMTS.Web.Assets.Controls.Mapping.GoogleMaps" %>

<%@ Register Src="~/Assets/Controls/Mapping/GMaps.ascx" TagName="GMaps" TagPrefix="uc1" %>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radListBoxSites">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

<div id="mapSitename">

<telerik:RadListBox ID="radListBoxSites" runat="server" DataTextField="Name" AutoPostBack="true"

DataValueField="SiteID" Height="219" Width="150" Font-Bold="True" OnSelectedIndexChanged="radListBoxSites_SelectedIndexChanged" >

</telerik:RadListBox>

</div>

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

<uc1:GMaps ID="gmapSites" runat="server" Width="800" Height="370" ></uc1:GMaps>

</asp:Panel>

GMaps.ascx-:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GMaps.ascx.cs" Inherits="BSL.TaylorWimpey.SMTS.Web.Assets.Controls.Mapping.GMaps" %>

<%@ Register Assembly="Reimers.Google.Map" Namespace="Reimers.Google.Map" TagPrefix="Reimers" %>

<Reimers:Map ID="mapSites" runat="server" Width="100%" Height="400px"

OnOverlayClick="HandleOverlayClick" MapLanguage="en-GB" >

<Center Latitude="0" Longitude="0" />

</Reimers:Map>

Ajax

answered on 23 Jul 2013

1 answer

108 views

RadComboBox inside RadMultiPage

Recently I have using RadComboBox just fine with default skin. There is issue when I using RadComboBox inside RadMultiPage. Here is the case :
1. When the RadComboBox is initially loaded, it display correctly like in the first Screenshot (SS1). The arrow is shown normally.
2. My aspx is like this :

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"></telerik:RadMultiPage

3. When RadMultiPage is clicked, I load aspx to render into RadMultiPage. The Code is like this :

    RadPageView pageView = new RadPageView();

    pageView.ID = item["ScreenID"].ToString();

    pageView.ContentUrl = GetScreenPath(int.Parse(item["ScreenID"].ToString())) + "?CPID=" + item["ContractParameterID"].ToString() + "&CID=" + ContractID + "&CTID=" + ContractTypeID + "&CGTID=" + ContractGroupTypeID;

    pageView.Width = new Unit(100, UnitType.Percentage);

    RadMultiPage1.PageViews.Add(pageView);

4. When content of PageView is loaded succesfully, it will call RadComboBox where the contents of the page is rad ajax panel to wrap the RadComboBox. My aspx code for RadComboBox is like this :

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"><telerik:RadComboBox ID="RadComboBox1" runat="server"> </telerik:RadComboBox></telerik:RadAjaxPanel>

5. After the second load, the arrow in right of RadComboBox is not shown.
6. This issue only happen in IE10 (Compatibilty Mode IE8).

I am now using Telerik 2013 Q2. Can you help me to solve this issue?

DropDownList

answered on 23 Jul 2013

3 answers

171 views

Upgrade from trial to full version

Hi, I installed Telerik_ASP_NET_Web_Parts_2013_2_611_for_SharePoint_2013_Dev.msi but when I try to package or build the project I am getting those 3 errors, any help, thanks

------ Build started: Project: Expertime.PublishingComments.Library, Configuration: Debug Any CPU ------
1 - C:\Windows\Microsoft.NET\Framework\v4.0.30319\Microsoft.Common.targets(1578,5): warning MSB3274: The primary reference "Telerik.Web.UI, Version=2013.1.220.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4, processorArchitecture=MSIL" could not be resolved because it was built against the ".NETFramework,Version=v4.5" framework. This is a higher version than the currently targeted framework ".NETFramework,Version=v4.0".
2 - C:\projects\abc\Expertime.PublishingComments.Library\Controls\Comments.cs(9,7,9,14): error CS0246: The type or namespace name 'Telerik' could not be found (are you missing a using directive or an assembly reference?)
3 - C:\projects\abc\Expertime.PublishingComments.Library\Controls\Comments.cs(19,19,19,28): error CS0246: The type or namespace name 'RadEditor' could not be found (are you missing a using directive or an assembly reference?)
========== Build: 0 succeeded, 1 failed, 1 up-to-date, 0 skipped ==========

WebParts for SharePoint

answered on 23 Jul 2013

2 answers

84 views

Ajax problem with Safari and Q2 2013

I have encountered an problem only occurs if the user is using Safari. In a Radwindow. Once the user makes a choice in the ajaxified drop down the ajax disabled button no longer posts back. If the user does not make a choice in the drop down the button post back. Below is the code,

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SafariBugTest2.aspx.cs" Inherits="SafariBugTest2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

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

</telerik:RadScriptManager>

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow;

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

return oWindow;

}

function CloseAndRebind(args) {

GetRadWindow().BrowserWindow.refreshGrid(args);

GetRadWindow().close();

}

function returnToParent() {

//create the argument that will be returned to the parent page

var oArg = new Object();

var oWnd = GetRadWindow();

//set the argument to the RadWindow

oWnd.argument = oArg;

//close the RadWindow

{

oWnd.close();

}

function inconditionalPostback(sender, args) {

// var targ = "";

// alert(args.EventTarget);

// alert(args.EventArgument);

var targ = args.EventTarget;

var ntarg = targ.toUpperCase()

var ic = ntarg.indexOf("UPBUTTON");

if (ic > 0) {

args.EnableAjax = false;

} else {

args.EnableAjax = true;

}

</script>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ClientEvents-OnRequestStart="inconditionalPostback">

<div>

<table width=350>

<tr>

<td>

<asp:Label ID="Label1" runat="server" Text="Order Routing"></asp:Label>

</td>

</tr>

<tr>

<td>

<table>

<tr>

<td>

<asp:Label ID="Label2" runat="server" Text="Route Order to:"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label3" runat="server" Text="Send alert to:"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="RadComboBox2" EnableCheckAllItemsCheckBox="true" runat="server"

CheckBoxes="True">

</telerik:RadComboBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table id="iscompliance" runat="server" visible="false">

<tr>

<td>

<asp:Label ID="Label6" runat="server" Text="Enter Compliance ID"></asp:Label>

</td>

</tr>

<tr>

<td> <asp:TextBox ID="TextBox2" runat="server" TextMode=SingleLine Width="345px"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label4" runat="server" Text="Notes"></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:TextBox ID="TextBox1" runat="server" Height="121px" TextMode="MultiLine" Width="345px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label5" runat="server" Text="Use the Upload below to add any new resources, needed for this order"></asp:Label>

</td>

</tr>

<tr>

<td>

<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" Skin="WebBlue" CssClass="upldr"

ProgressIndicators="TotalProgressBar, TotalProgress, TotalProgressPercent, RequestSize, TimeElapsed, TimeEstimated, TransferSpeed"

ToolTip="Upload Progress">

<Localization Uploaded="Uploaded"></Localization>

</telerik:RadProgressArea>

<%-- <telerik:RadUpload ID="RadUpload1" runat="server" InitialFileInputsCount="1" MaxFileInputsCount="10"

ControlObjectsVisibility="AddButton" OverwriteExistingFiles="True" TargetFolder="thrivent\temp">

</telerik:RadUpload>--%>

<asp:HiddenField ID="HiddenUplist" runat="server" />

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" CellSpacing="0"

GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource" Width="400px" OnInsertCommand="RadGrid1_InsertCommand">

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="100px" />

</ClientSettings>

<MasterTableView DataKeyNames="Resource_ID" CommandItemDisplay="Bottom">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" UniqueName="TemplateColumn"

HeaderText="Current attachments to this request">

<ItemTemplate>

<asp:LinkButton ID="UPBUTTON3" runat="server" OnClick="LinkB3_Click" Text='<%# Bind( "Resource_Filename") %>'></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table width="350">

<tr>

<td>

<telerik:RadUpload ID="RadUpload1" runat="server" InitialFileInputsCount="1" MaxFileInputsCount="1"

ControlObjectsVisibility="None" OverwriteExistingFiles="True" TargetFolder="thrivent\temp"

EnableFileInputSkinning="False">

</telerik:RadUpload>

</td>

</tr>

<tr>

<td>

<asp:Button ID="MYUPBUTTON" runat="server" Text="Upload" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

<CommandItemTemplate>

<asp:Button ID="Button2" runat="server" Text="Upload New Resource" CommandName="InitInsert" />

</CommandItemTemplate>

</MasterTableView>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label16" runat="server" CssClass="small_text" Text="If you need to upload more than 5 files, click the Add Button. Empty upload boxes will be ignored. "></asp:Label>

</td>

</tr>

<tr>

<td>

<table width=300>

<tr>

<td width=200>

<asp:HiddenField ID="HiddenST" runat="server" />

<asp:HiddenField ID="HiddenID" runat="server" />

<asp:Button ID="Button1" runat="server" Text="Cancel" OnClick="Button1_Click" />

</td>

<td>

<asp:Button ID="MYUPBUTTON" runat="server" Text="Route" OnClick="Button2_Click" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</telerik:RadAjaxPanel>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Data;

using System.Net.Mail;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

public partial class SafariBugTest2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

if (Request.QueryString["RID"] != null)

{

// Label2.Text = "Order ID " + Request.QueryString["RID"].ToString();

HiddenID.Value = Request.QueryString["RID"].ToString();

BuildRoutes();

}

private void BuildRoutes()

{

DataTable p1 = new DataTable("Temp");

p1.Columns.Add("Role_words", typeof(String));

p1.Columns.Add("Role_xor", typeof(String));

for(int x =1;x<=10;x++)

{

DataRow row;

row = p1.NewRow();

row["Role_words"] = "Test "+x.ToString();

row["Role_xor"] = "Test " + x.ToString();

p1.Rows.Add(row);

}

RadComboBox1.DataSource = p1;

RadComboBox1.DataTextField = "Role_words";

RadComboBox1.DataValueField = "Role_xor";

RadComboBox1.DataBind();

RadComboBox1_SelectedIndexChanged(null, null);

}

protected void LinkB3_Click(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

RadAjaxPanel1.ResponseScripts.Add("returnToParent()");

}

protected void Button2_Click(object sender, EventArgs e)

{

/*

Do some work here

* */

RadAjaxPanel1.ResponseScripts.Add(" CloseAndRebind('Rebind')");

}

protected void RadComboBox1_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)

{

}

protected void RadGrid1_InsertCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

}

protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

}

Ajax

answered on 23 Jul 2013

3 answers

372 views

Batch Editing from Template Column DropdownList

Hello,

I am developing a batch editing grid using the instructions from this link.
http://www.telerik.com/help/aspnet/grid/grdprogrammaticcreation.html

All looks good so far. But I want to make a dropdown column. I put a label at itemtemplate, and a dropdownlist as edititemtemplate.

But I couldn't manage to get the SelectedValue. The namingcontainer GridDataItem object either returns null, or Telerik.Web.UI.GridBatchEditingHelper.PanelNamingContainer object. Which is not recognizable by Asp.Net.

Anyway what I need is a simple small project that binds a dropdowncolumn or a templatecolumn with dropdown, for batch editing. If we are able to use DropdownColumn instead of TemplateColumn would we so great. Thanks in advance.

Grid

answered on 23 Jul 2013

5 answers

150 views

[Solved] RadTabStrip floating problem

Hi, I got a two column layout on my Webpage:

Left Right

Left:
<div id="left" style="width: 250px; background-color: White; float: left;"></div>

Right:
<div id="right" style="width: 620px; background-color: White; margin-left: 280px;">

When I put a TabStrip in "Right" it starts Rendering at the end of the content that is in "Left".
All other Telerik controls that I put in "Right" work as expected.

If I set "EnableEmbeddedBaseStyeSheet" to false it works .

Any ideas? I use 2012 Q3 SP2 controls.

Thanks in advance for your help

Thomas

TabStrip

answered on 23 Jul 2013

1 answer

397 views

Styling the selected tab.

Hi

My web page uses a radtabstrip with webblue skin. I want to have a separate styling such as bold and text color and background for the currently selected tab. I need some help to tackle this.
Thankyou
Robert

TabStrip

answered on 23 Jul 2013

2 answers

132 views

Autocomplete doesn't work

Hello,
in my appliation I'm haveing a combobox that is dynamically loaded into the page.
The combobox was configured to use autocomplete and the data will be load ba load on demand via a webservice.

All is working fine. The control receiving the data form the webservice as expected.
Only on typing into the textbox the first matching data will not be written into the textbox of the control as expected and shown in the online demo.
Also I'm not able to navigate through the data in the dropdown by keyboard.

Here is my code:

RadComboBox lookupbox = new RadComboBox();

lookupbox.ID = controlname;

lookupbox.ShowToggleImage = false;

lookupbox.MarkFirstMatch = true;

lookupbox.Filter = RadComboBoxFilter.Contains;

lookupbox.AutoPostBack = false;

lookupbox.EnableLoadOnDemand = true;

lookupbox.MarkFirstMatch = true;

lookupbox.ShowMoreResultsBox = true;

lookupbox.EnableVirtualScrolling = true;

lookupbox.AllowCustomText = false;

lookupbox.CausesValidation = false;