Questions on UI for ASP.NET AJAX Forum

16 answers

387 views

RadGrid Does Not Render Opening Table Tag in Visual Studio 2013

Am having an issue using the RadGrid control in Visual Studio 2013's built in web server. The table element is not be rendered. The same page will render correctly when using Visual Studio 2012's built in web server.

Please advise. Is this an issue with RadGrid or Visual Studio 2013?

Here is snip of the rendered HTML when site run in Visual Studio 2013. Note the lack of an opening table tag.

<div id="grdDemo" class="RadGrid RadGrid_Office2007">

Jones</td><td>Martha</td>

</tr><tr class="rgAltRow" id="grdDemo_ctl00__1">

<td>Noble</td><td>Donna</td>

</tr><tr class="rgRow" id="grdDemo_ctl00__2">

<td>Smith</td><td>Jon</td>

</tr><tr class="rgAltRow" id="grdDemo_ctl00__3">

<td>Tyler</td><td>Rose</td>

</tr>

</tbody>

</table><input id="grdDemo_ClientState" name="grdDemo_ClientState" type="hidden" />

</div>

Here is the aspx markup

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

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server"><asp:ScriptManager ID="smDefault" runat="server"></asp:ScriptManager>

<div>

<telerik:RadGrid ID="grdDemo" runat="server" AutoGenerateColumns="false">

<ClientSettings>

<Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />

</ClientSettings>

<MasterTableView ItemType="Contact">

<Columns>

<telerik:GridTemplateColumn HeaderText="Last Name">

<ItemTemplate><%#: Item.LastName %></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="First Name">

<ItemTemplate><%#: Item.FirstName %></ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Here is the C# code behind

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

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

{

protected void Page_Load(object sender, EventArgs e)

{

List<Contact> contacts = new List<Contact>();

contacts.Add(new Contact() { LastName = "Smith", FirstName = "Jon" });

contacts.Add(new Contact() { LastName = "Tyler", FirstName = "Rose" });

contacts.Add(new Contact() { LastName = "Jones", FirstName = "Martha" });

contacts.Add(new Contact() { LastName = "Noble", FirstName = "Donna" });

var data = contacts.OrderBy(c => c.LastName).ThenBy(c => c.FirstName);

this.grdDemo.DataSource = data;

this.grdDemo.DataBind();

}

Here is the Contact class

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

/// <summary>

/// Summary description for Contact

/// </summary>

public class Contact

{

public Contact()

{

//

// TODO: Add constructor logic here

//

}

public string FirstName { get; set; }

public string LastName { get; set; }

}

Grid

answered on 21 Sep 2015

7 answers

126 views

Radfilter textbox German numeric format issue

Hi,

I'm filtering my grid column using RadFilter. For numeric columns for en-US (english) culture with value 0.5 it is working fine.

But if I change my culture to german (de-DE), Radfilter textbox is accepting value as 0,5 (which is correct) and my grid column also filtered with 0,5 values, but radfilter textbox converting 0,5 value as 5,00 which is not correct. It should show as 0,5.

<telerik:RadFilter runat="server" ID="rfControllers" FilterContainerID="RadFilter1" ShowApplyButton="true" Visible="true" Skin="Web20"></telerik:RadFilter>

Please refer to the attachment.

Please help me.

- Kumar

Filter

answered on 21 Sep 2015

1 answer

192 views

Steps no Enabling

I have a RadWizard on a page that contains about 6 steps. Several of the steps either have buttons that open RadWindows or combo boxes. Additionally, several of the pages have their own validation groups and javascript validation functions associated with them. In general the flow of the wizard is fine and everything works like I want, with the exception of the Enabled state of the Navigation steps at the top of the wizard changing. As I proceed through the steps it doesn't enable the past tabs.

How can I fix this behavior?

Wizard

answered on 21 Sep 2015

9 answers

130 views

Generate the Token from Two Columns

I want the token that is generated to contain both the contain both the text from the DataTextField ('Name') and another column ('Date of Birth'). How can I change the generation process so that it concatenates these two columns?

Examples:

Current Token: 'Hazel, Shelley'

Wanted Token: 'Hazel, Shelley 6/24/79'

I don't want to concatenate the date of birth into the DataTextField because I don't want those characters to be searchable.

Thanks.

BONUS QUESTION:

How can I have the matched part of the DataTextField in the DropDownBox highlighted?

Thanks again.

AutoCompleteBox

answered on 21 Sep 2015

4 answers

1.1K+ views

RADGRID Client-Side ClientEvents OnCommand and Server-side ItemCommand

I've a radgrid with 3 custom GridButtonColumns

<telerik:GridButtonColumn UniqueName="SendColumn" ButtonType="LinkButton" CommandName="Select2"

Text="Versturen" ConfirmText="Verstuur order, weet u het zeker ?">

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="CancelColumn" ButtonType="LinkButton" CommandName="Delete"

Text="Annuleren" ConfirmText="Annuleer order, weet u het zeker ?">

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="ViewColumn" ButtonType="LinkButton" CommandName="Select1" Text="Inzien">

<HeaderStyle Width="50px" />

<ItemStyle Width="50px" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

>>>>

<ClientEvents OnCommand="RadGridCommand" />

<<<<

<script type="text/javascript">

function RadGridCommand(sender, args) {

if (args.get_commandName() == "Select1") {

var itemIndex = args.get_commandArgument();

var rowID=sender.get_masterTableView().get_dataItems()[itemIndex].getDataKeyValue("opls_id");

window.open("BestellingAcademieWBView.aspx?ID=" + rowID ,"contentpage");

args.set_cancel(true);

}

</script>

I use Clientside event to open een nieuw page as you can see.

Serverside I have the follow code:

Private Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand

Try

Select Case e.CommandName

Case Is = "Select"

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

Dim intOrderID As Int32 = editedItem.GetDataKeyValue("opls_id")

'Send1(item)

'e.Item.OwnerTableView.Rebind()

Case Is = "Select2"

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

Dim intOrderID As Int32 = editedItem.GetDataKeyValue("opls_id")

'Send1(item)

'e.Item.OwnerTableView.Rebind()

Case Is = "Delete"

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

Dim intOrderID As Int32 = editedItem.GetDataKeyValue("opls_id")

'SendOrderCancel(intOrderID)

'e.Item.OwnerTableView.Rebind()

End Select

Catch ex As Exception

Me.AddErrorMessage(ex.Message)

End Try

End Sub

Facts:
- if i click column: CancelColumn (with commandname="Delete") is gives me the right intOrderID.
- if i click column: SendColumn (with commandname="Select2") is gives me the intOrderID of the FIRST row in the grid, even if i select e.g. the THIRD row.
- if i rename the CommandName="Select2" to "Select" and also handle serverside "Select" and i click column: SendColumn is gives me the right intOrderID (thus the row I selected).
- if I remove the <ClientEvents OnCommand="RadGridCommand" /> and i click column: SendColumn (with commandname="Select2") it gives me the right intOrderID (thus the row I selected).

Question:
I want to use the Cancelcolumn with CommandName="SELECT2" and also use the ClientEvent OnCommand.

Can anyone help me figure this out?!?!??!?

Grid

answered on 21 Sep 2015

1 answer

104 views

Access uploaded files without an UpdatePanel

I have RadAsyncUpload controls setup on treeview nodes. When multiple files are dragged onto the control, I need to get access to the files on the server side. This works if I wrap the node in an UpdatePanel. However, it causes issues on the rest of my page due to conflicts with other panels.

I can get the event OnClientFilesUploaded to fire and trigger a postback. However, when I try to access the control for that particular node, the uploadedfiles is empty.

AsyncUpload

answered on 21 Sep 2015

1 answer

120 views

Https vs Scheduler Web Service Call

Hi,

We have installed the SSL Certificate on our server and apparently the scheduler doesn't like the secure connection.

Our scheduler calls via the web service methods and we cannot run the scheduler once we get on https.

Here is the error that we have encountered by now;

The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel. ---> System.Security.Authentication.AuthenticationException: The remote certificate is invalid according to the validation procedure.

Telerik.Web.UI.SchedulerWebServiceClient.HandleWebException(WebException webEx) at Telerik.Web.UI.SchedulerWebServiceClient.LoadResources(WebClient client, ResourcesPopulatingEventArgs args) at Telerik.Web.UI.SchedulerWebServiceClient.GetResources() at Telerik.Web.UI.RadScheduler.BindResourcesFromWebService() at

What could be the possible solution for that please?
Thank you

Scheduler

answered on 21 Sep 2015

3 answers

1.0K+ views

The remote certificate is invalid according to the validation procedure.

Just moved my web app up to a staging environment and I'm getting this error. I suspect it has something to do with an IIS error I was getting locally on my machine and used the following code to resolve it.
It seems that this is not working on our staging environment. Not sure how to resolve at this point. Maybe someone can offer some suggestions.

[AuthenticationException: The remote certificate is invalid according to the validation procedure.]
   System.Net.Security.SslState.StartSendAuthResetSignal(ProtocolToken message, AsyncProtocolRequest asyncRequest, Exception exception) +1425171

[WebException: The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel.]
   System.Net.WebClient.UploadDataInternal(Uri address, String method, Byte[] data, WebRequest& request) +302
   System.Net.WebClient.UploadString(Uri address, String method, String data) +170
   System.Net.WebClient.UploadString(String address, String method, String data) +35
   Telerik.Web.UI.SchedulerWebServiceClient.GetResources() +460

[Exception: Unable to retrieve response message]
   Telerik.Web.UI.SchedulerWebServiceClient.GetResources() +622

Setup web service in rad scheduler:

    
            <WebServiceSettings Path="SchedulerWebService.asmx"   
        
                            ResourcePopulationMode="ServerSide" />

Handle on resource populating

    
            OnResourcesPopulating="RadScheduler1_ResourcesPopulating"  
        
                    protected void RadScheduler1_ResourcesPopulating(object sender, Telerik.Web.UI.ResourcesPopulatingEventArgs e)  
        
                    {  
        
                        HttpCookie cookie = FormsAuthentication.GetAuthCookie(User.Identity.Name, false);  
        
                        string cookieHeader = string.Format("{0}={1}", cookie.Name, cookie.Value);  
        
                        e.Headers.Add(HttpRequestHeader.Cookie, cookieHeader);  
        
                    }

Scheduler

answered on 21 Sep 2015

1 answer

108 views

Create AutoCompleteBox from Javascript

Hi,

I am trying to create a variable number of autocompletebox from JavaScript.

I found some code on your forum about how to do it with a RadSlider and tried to adapt it.

Unfortunatly that failed...

This is what I did:

var id = 'multiHolder_' + nameIndex;

var boxProps = {

_id : id,

Enabled : "false",

EmptyMessage : "",

AllowCustomEntry : "false",

InputType: "Token",

_skin: "Default",

_width: "475px"

}

var boxEvents = {}; // No events

$create(Telerik.Web.UI.RadAutoCompleteBox, boxProps, boxEvents, null, holdingCell);

When the javascript runs I get the following error:

Unhandled exception at line 4278, column 1 in http://localhost:60713/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:47de63c8-89d4-489c-bfde-4185a11627a3:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2015.1.401.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:4f93cdea-660e-49e9-b57d-168c603f1b46:16e4e7cd:f7645509:24ee1bba:6d43f6d9:874f8ea2:c128760b:88144a7a:1e771326:f9b9258:78b9daca

0x800a138f - JavaScript runtime error: Unable to get property 'children' of undefined or null reference

This is a really urgent matter for us.

We would really prefer to be able to create the AutoCompleteBox dynamically rather than having a bunch of predefined one that we show/hide on the fly...

AutoCompleteBox