Questions on UI for ASP.NET AJAX Forum

2 answers

148 views

RadAsyncUpload - Uploading non text files fails

Hi, I'm having an issue with the RadAsyncUploadControl in that any text based file will upload successfully but anything else that's in a binary format such as an image, PDF, Word document etc immediately fails (shows the red dot). This is before the postback occurs. There are no javascript errors shown and I've tried disabling the Flash module but this didn't help as it's using Silverlight.

When a file is uploaded successfully however I also get this javascript error: Error: 'fileInfo.FileName' is null or not an object

Any ideas?

thanks
Rowan

AsyncUpload

answered on 06 Jul 2011

1 answer

83 views

RadToolTipManager without RadScriptManager

Hi

I'm trying to implement this functionality that is implemented in the RadScheduler demo
http://demos.telerik.com/aspnet-ajax/scheduler/examples/radtooltip/defaultcs.aspx
I followed the steps but i get sum javascript error. The loading tooltip is shown (the loading gif is shown) and than stops.
In this time some javascript error occurs.

I'm still trying to find what the problem is but I was wondering is it obligatory for this example to use RadScriptManager? Because in our project we use the script manager from ASP.Net.

Also if is not obligatory does any one has any clue what the problem might be.

Here is the JS error i get:
Error: contentElement is null
Source File: http://localhost/Project/ScriptResource.axd?d=A5QMaNH1dPe0O-W43eBkfORqS1JiyJ1e_xg-arzouvIvNktn1lyMkeGWVTDh4JnfrJWEuB8DhmJeQUWFshzE5w07DTl9TUyCpb8q9x6ycWJZI3JeaTd5wdQH07xrIO5pjIndVYrvbJR-q4ZgmNcOgA2&t=ffffffff89d53241
Line: 183

here is this line
if (contentElement.parentNode && contentElement.parentNode.removeChild) {
contentElement.parentNode.removeChild(contentElement);
}

I checked with firebug and i see that the rad scripts are called 2 times in the first time contentElement has value but parentNode is null
the second time that is called contentElement is null so the script throws error. Should it be called two times this script?

I know this is not much of a help but anyway

Regards

ToolTip

answered on 06 Jul 2011

2 answers

219 views

Bind RadCombobox OnItemDataBound Using FilterTemplate

Hi,

I am using RadGrid and I have defined my radcombobox inside FilterTemplate but I want to bind that control programatically in OnItemDataBound event. I have tried to find out that control using GridDataItem but I am getting nothing. I also tried to find out that control in Grid Item_Created event but still getting nothing.

After that I use sqldatasource to bind that control but when I load the radgrid, I can't see my radcombobox.

<telerik:GridTemplateColumn DataField="PortalName" HeaderText="Shop" UniqueName="PortalName"

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

<FilterTemplate>

<telerik:RadComboBox ID="rcbPortal" DataTextField="PortalName" DataValueField="PortalID" DataSourceID="SqlDataSource1"

Height="100px" AppendDataBoundItems="true" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("PortalName").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="PortalIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="All" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock3" runat="server">

<script type="text/javascript">

function PortalIndexChanged(sender, args) {

var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");

tableView.filter("PortalName", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

<ItemTemplate>

<asp:Image ID="imgPortal" runat="server" ImageAlign="AbsBottom" />

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

</ItemTemplate>

</telerik:GridTemplateColumn>

Protected Sub rgOrders_ItemCreated(ByVal source As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles rgOrders.ItemCreated

If TypeOf e.Item Is GridFilteringItem Then

Dim rcbShop As RadComboBox = e.Item.FindControl("rcbPortal")

rcbShop.DataSource = pc.GetPortals()

End If

End Sub

Grid

answered on 06 Jul 2011

4 answers

127 views

Tab position

Hi,
I'm trying to work out how to get a tab shown to the right with a horizontal sliding zone. At the moment I have a panel with a search popup panel under it. Looks good but would look better if the tab button that opens the search panel was on the right hand side rather than the left - the accompanying image shows what I want to achieve...

Regards,

Jon

Splitter

answered on 06 Jul 2011

7 answers

105 views

Sys & Telerik undefined when ObjectDataSource used with RadScheduler

Hi!

I'm trying to reproduce the resource availability demo using ObjectDataSources instead. Trying to build the code from scratch to get to know the component. As soon as I set DataSourceId referencing an ObjectDataSource on either the Scheduler or a ResourceType the scripts from WebResource is not included in the page. Before I add the datasource, two scripts are loaded and it checks whether Sys is undefined, but when the datasource is set, the scripts are not there and it just attempts to start the initialization.
I use the Q1 2011 version.

Any ideas?
Here's the code:
(If you remove DataSourceID, GroupBy and ResourceTypes, it works fine, otherwise scripts is not loaded)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Scheduler.aspx.cs" Inherits="TelerikPrototyping.Scheduler" %>

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

<!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 runat="server" ID="RadScriptManager" >

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadScheduler1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler" LoadingPanelID="RadAjaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<asp:ObjectDataSource runat="server"

ID="EntriesDataSource"

TypeName="TelerikPrototyping.Scheduler"

SelectMethod="GetEntries"

OnObjectCreating="OnDataSourceCreating"

DataObjectTypeName="TelerikPrototyping.SchedulerEntry, Telerik.Calendar"

/>

<asp:ObjectDataSource runat="server"

ID="RoomsDataSource"

TypeName="TelerikPrototyping.Scheduler"

SelectMethod="GetRooms"

OnObjectCreating="OnDataSourceCreating"

DataObjectTypeName="TelerikPrototyping.Room, Telerik.Calendar"

/>

<div>

<telerik:RadScheduler runat="server"

ID="RadScheduler"

DataKeyField="Id"

DataSubjectField="Subject"

DataStartField="Start"

DataEndField="End"

HoursPanelTimeFormat="HH:mm"

GroupBy="Rooms"

DataSourceID="EntriesDataSource"

>

<ResourceTypes>

<telerik:ResourceType DataSourceID="RoomsDataSource" KeyField="Id" ForeignKeyField="RoomId" TextField="Name" Name="Rooms" />

</ResourceTypes>

</telerik:RadScheduler>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Web.UI.WebControls;

namespace TelerikPrototyping

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void OnDataSourceCreating(object sender, ObjectDataSourceEventArgs e)

{

e.ObjectInstance = this;

}

public List<SchedulerEntry> GetEntries()

{

return GetSessionList("entries", new SchedulerEntry("test", DateTime.Today.AddHours(13), DateTime.Today.AddHours(14), GetRooms()[0].Id, new Guid[0]));

}

public List<Room> GetRooms()

{

return GetSessionList("rooms", new Room("Rom 1"), new Room("Rom 2"), new Room("Rom3"));

}

public List<Person> GetPersons()

{

return GetSessionList("persons", new Person("Ola"), new Person("Kari"), new Person("Per"));

}

private List<T> GetSessionList<T>(string key, params T[] initial)

where T : class

{

if (Session[key] == null)

Session[key] = new List<T>(initial);

return (List<T>) Session[key];

}

public class SchedulerEntry

{

public Guid Id { get; private set; }

public string Subject { get; private set; }

public DateTime Start { get; private set; }

public DateTime End { get; private set; }

public Guid RoomId { get; private set; }

public Guid[] PersonIds { get; private set; }

public SchedulerEntry()

{

}

public SchedulerEntry(Guid id, string subject, DateTime start, DateTime end, Guid roomId, Guid[] personIds)

{

Id = id;

Subject = subject;

Start = start;

End = end;

RoomId = roomId;

PersonIds = personIds;

}

public SchedulerEntry(string subject, DateTime start, DateTime end, Guid roomId, Guid[] personIds)

{

Id = Guid.NewGuid();

Subject = subject;

Start = start;

End = end;

RoomId = roomId;

PersonIds = personIds;

}

public class Room

{

public Guid Id { get; private set; }

public string Name { get; private set; }

public Room(Guid id, string name)

{

Id = id;

Name = name;

}

public Room(string name)

{

Id = Guid.NewGuid();

Name = name;

}

public Room()

{

}

public class Person

{

public Guid Id { get; private set; }

public string Name { get; private set; }

public Person(Guid id, string name)

{

Id = id;

Name = name;

}

public Person(string name)

{

Id = Guid.NewGuid();

Name = name;

}

Never mind the Session state of the data sources - that will change when everything works. ;)

Lars-Erik

Scheduler

answered on 06 Jul 2011

3 answers

166 views

RadGrid select row from querystring id

Hello,

I want to be able to pass an id through a querystring and select the row corresponding to that id on the grid, and that grid has paging enabled.

The code that i have working is very inefficient because in order to do this on a paged grid, I have to go through all pages, and rebind to have access to the items and see if the one I want to select is that one. I haven't found a better way to do this, does anyone knows if there is a better way to do this?

Ah, and it seems that the selected value of the combobox with the page size is and empty string when I do this instead of showing the actual size.

Thanks in advance!

if (!Page.IsPostBack)

{

object folderOb = Request.QueryString["Folder"];

if (folderOb == null) return;

int folderId = int.Parse(folderOb.ToString());

while (grdFolders.CurrentPageIndex < grdFolders.PageCount)

{

foreach (GridDataItem dataItem in grdFolders.Items)

{

Folder folder = dataItem.DataItem as Folder;

if (folder.FolderId == folderId)

{

dataItem.Selected = true;

grdFolderIndex.Rebind();

return;

}

++grdFolders.CurrentPageIndex;

grdFolders.Rebind();

}

Grid

answered on 06 Jul 2011

1 answer

113 views

Change color of treeview text from sql

Apologies for my English

I create my treeview from a SQL database. In my database have with all the other data two columns
1. Active(bit) true or false
2. Status(nvchar)

when the treeview is build on the load i want the colors to look like this

Node titles displayed in “Green” RGB[102, 188, 41] are Active (Active Flag is true) nodes with an approval status of “Approved”
Node titles displayed in “Amber” RGB [255, 145, 75] are Active nodes that have an approval status of “Pending”
Node titles displayed in “Red” RGB [210, 90, 90] are Active nodes that have an approval status of “Rejected”
Node titles displayed in “Grey” RGB[128, 128, 128] are Inactive regardless of the value of the approval status.

TreeView

answered on 06 Jul 2011

4 answers

345 views

RadComboBox Value not set - takes Text instead

I have the followin radcombobox, where there is a text I wish to display in the dropdown, and a value i will to save in the database:

<telerik:RadComboBox EnableTextSelection="false" ID="RadComboBoxForm" Skin="Office2007" CollapseAnimation-Type="InCubic" ExpandAnimation-Type="OutCubic" runat="server" SelectedValue='<%# Eval( "FormTypeId" ) %>' Text='<%# Bind( "FormTypeId" ) %>'>

<Items>

<telerik:RadComboBoxItem runat="server" Text="" Value="" />

<telerik:RadComboBoxItem runat="server" Text="Caplet" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="Capsule" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="Controlled Release" Value="3" />

<telerik:RadComboBoxItem runat="server" Text="Elixir" Value="4" />

<telerik:RadComboBoxItem runat="server" Text="Ointment" Value="5" />

<telerik:RadComboBoxItem runat="server" Text="Solution" Value="6" />

<telerik:RadComboBoxItem runat="server" Text="Supplement" Value="7" />

<telerik:RadComboBoxItem runat="server" Text="Suspension" Value="8" />

<telerik:RadComboBoxItem runat="server" Text="Syrup" Value="9" />

<telerik:RadComboBoxItem runat="server" Text="Tablet" Value="10" />

</Items>

</telerik:RadComboBox>

I am databinding, and I have an integer key awaiting the value of the radcombo in the database. I am finding that it is finding the text value and not the "Value" of the radcombobox which is an integer. Is there any way to store the integer value in the database instead ?

ComboBox

answered on 06 Jul 2011

1 answer

85 views

Extract Searchstring from GridColumn Filtering

Hello everybody,

We are using several RadGrids with Column Filtering enabled. Some columns use a Template Column with a Template Filter Template while others use standard filter functionality. We use AutoPostBack for each Filter. We need to extract the filter string that is used for filtering in order to process a sophisticated search on the backend.
Is there any possibility to supress the default filter behaviour and execute custom logic?

Thanks in advance.
Marco

Grid

answered on 06 Jul 2011

1 answer

80 views

ImageUploader JS Errors

I am getting this error (image attached) when I open the ImageManagers upload screen:

Sys.ArgumentOutOfRangeException:
Value must be an integer.
Parameter name: y Actual value was -2.383331298828125.

{name: "y", type: Number, integer: true}

I'm using the latest Version (as of time of reply): 2011.1 519 (May 19, 2011).

The error happens when the uploader dialog section is open and when I mouse over the upload textbox and back into the white space underneath it.

Here is my code for the front end:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomCertificateEdit.aspx.cs"

Inherits="Web.Admin.CustomCertificateEdit" MasterPageFile="~/Core/DefaultMasterPage.master" %>

<%@ MasterType VirtualPath="~/Core/DefaultMasterPage.master" %>

<%@ Import Namespace="Telerik.Web.UI" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="headPlaceHolder">

<style type="text/css">

.radeditorContainer

{

margin-left: auto;

margin-right: auto;

width: 610px;

}

.customCertContentContainer

{

margin-left: auto;

margin-right: auto;

width: 850px;

}

.radEditorErrorColumn

{

vertical-align: bottom;

}

.reTool .ImportField

{

background-image: url(<%= ResolveUrl("~/images/icon_popup_search.gif") %>);

}

</style>

<script type="text/javascript" language="javascript">

function radEditor_ClientCommand(editor, args) {

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

var callback = function (sender, args) {

var result = args.get_value();

$get("hdnImagesUploaded").value += (result.src + ",");

editor.pasteHtml(result, "ImageManager");

};

args.set_callbackFunction(callback);

}

</script>

</asp:Content>

<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">

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

<cs:CsPanel runat="server" ID="pnlCertificates" Title="Custom Certificate Advanced Editor"

DoLocalize="true">

<br />

<div class="customCertContentContainer">

<div class="radeditorContainer">

<span class="FieldName">

<%= "Certificate Title:".Localize() %></span>

<asp:TextBox ID="txtTitle" runat="server" MaxLength="300" CssClass="FieldValue" Style="width: 300px;" />

<asp:RequiredFieldValidator ID="reqvTitle" ControlToValidate="txtTitle" runat="server"

Text="*" /><br />

<br />

<div style="float: left;">

<cs:CsodRadEditor ID="radeditorCntrl" runat="server" EditorStyle="Advanced" Width="595"

EnableHtmlEdit="true" EnableResize="false" AllowScripts="false" Skin="Windows7" ExternalDialogsPath="~/Core/Telerik" />

</div>

<div class="radEditorErrorColumn">

<asp:RequiredFieldValidator ID="reqvRadEditor" ControlToValidate="radeditorCntrl"

runat="server" Text="*" />

</div>

<div style="clear: both;">

</div>

<br />

<cs:CsImageButton ID="btnSave" runat="server" TemplateName="done" OnClick="btnSave_Click" />

<cs:CsImageButton ID="btnCancel" runat="server" TemplateName="cancel" OnClick="btnCancel_Click" />

</div>

</cs:CsPanel>

<script language="javascript">

Telerik.Web.UI.Editor.CommandList["ImportField"] = function (commandName, editor, args) {

//window.popupCaller = 'textbox';

alert('import field');

};

</script>

</asp:Content>

Here is the pertinent (only part I reference the radeditor) code in my code behind:

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

this.Title = "Advanced Certificate Page Editor".Localize();

this.breadCrumbs.Reload("");

if (!isNew)

{

CertificateEntityModel model = this.PullCertificateFromId(certificateId.Value);

if (model != null)

{

txtTitle.Text = model.Title;

radeditorCntrl.Content = model.Html;

}

//add the custom import field button

EditorTool importFieldTool = new EditorTool("Import Field", string.Empty);

importFieldTool.Name = "ImportField";

importFieldTool.Text = "Import Field".Localize();

radeditorCntrl.Tools[1].Tools.Add(importFieldTool);

//setup the image manager's filepaths and maxfile size

string[] webPath = new string[] { Functions.GetPublicClientCustomCertificatesUploadPath(CorpName) };

radeditorCntrl.ImageManager.ViewPaths = webPath;

radeditorCntrl.ImageManager.UploadPaths = webPath;

radeditorCntrl.ImageManager.DeletePaths = webPath;

radeditorCntrl.ImageManager.MaxUploadFileSize = ONE_MEG;

radeditorCntrl.OnClientCommandExecuted = "radEditor_ClientCommand";

}

One more thing to note; I had an issue with the image uploader throwing a server error of "expression expected". That was fixed when I added "EnableLinqExpressions = false" in a custom dialog control. In fact, it is the same code/methodology as the link http://www.telerik.com/support/kb/aspnet-ajax/editor/displaying-single-upload-control-in-the-filebrowser-upload-manager.aspx with only that one property changed.

I see people are having the same problem in this thread http://www.telerik.com/community/forums/reply-thread.aspx?messageId=0&threadId=263910 however it is a somewhat old thread in which case the version of Telerik being used is older than mine and I was therefore prompted to start a new thread about the issue.

Any idea on how we can solve this?

Editor

answered on 06 Jul 2011