Questions on UI for ASP.NET AJAX Forum

2 answers

348 views

Is there a way to place a hyperlink in the header column of a Radgrid View.

Some of my columns contain a multiple sets of abbreviations... What makes this worse is that each company (which is an attribute of the page) have different abbreviations. What I wanted to do was make a column header that can be clicked that does the sorting with a question mark on the end that hyperlinks to an information page that gives the specific information about the abbreviations.

I tried to do this similar to how it would be done with an ordinary gridview:
<telerik:GridBoundColumn DataField="Availability"
FilterControlAltText="Filter Availability column" FilterControlWidth="20px"
HeaderText="Status<a href='~/Reports/CodeList.aspx?coid=<%#Session("CoID")%>&property=status' target='_blank'>?</a>";
SortExpression="Availability" UniqueName="Availability">
</telerik:GridBoundColumn>

The error that I get is:

Parser Error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.
Parser Error Message: Telerik.Web.UI.GridColumnCollection must have items of type 'Telerik.Web.UI.GridColumn'. 'a' is of type 'System.Web.UI.HtmlControls.HtmlAnchor'.

Is there anyway to actually place a hyperlink in the column header?

Grid

answered on 30 Jul 2012

3 answers

118 views

RadAjaxManager error

Hello,
This is error is throwing when page is redirecting. Can I redirect a page when radajax manager is there ?

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near '
<!DOCTYPE HTML PUB'.

Grid

answered on 30 Jul 2012

3 answers

175 views

Kendo Integration

HI,

Could you fine folks provide some samples for integrating the new Kendo UI with the exisitng Telerik controls?
Thanks,

Brian

General Discussions

answered on 30 Jul 2012

1 answer

106 views

How to use custom filter in RadGrid?

How to use custom filter in RadGrid, not allowing the grid to make its internal filters after you tell him the DataSource for the data entered is already filtered.

Fernando.

Grid

answered on 30 Jul 2012

10 answers

208 views

RadGrid ClientEvents OnCommand property filling grid data source with garbage records.

Adding the ClientEvents OnCommand property to the RadGrid will cause load the grid on the page with some empty rows. When I remove ClientEvents OnCommand property – all works fine.

I have:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="App_test_test" %>

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

</head>

<body>

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

</Scripts>

</telerik:RadScriptManager>

<div>

<telerik:RadGrid ID="gvClaimHistory" runat="server" AutoGenerateColumns="False" GridLines="None" AllowSorting="true" PageSize="20">

<telerik:GridImageColumn DataImageUrlFields="StatusURL" DataImageUrlFormatString="{0}" HeaderText="Status" UniqueName="statusCol" AllowSorting="false" />

</Columns>

<div class="important center" style="margin: 5px;">There are no current to display.</div>

</NoRecordsTemplate>

</MasterTableView>

<

ClientEvents OnCommand="gv_Command" />

</ClientSettings>

</telerik:RadGrid>

</div>

</form>

<telerik:RadCodeBlock runat="server" ID="codeBlock1">

function gv_Command(sender, args) {

alert('test');

}

</script>

</telerik:RadCodeBlock>

</body>

</html>

See attached files with and without ClientEvents OnCommand.

Without works properly, with should work in the same way. Any suggestions how to fix it?

Grid

answered on 30 Jul 2012

6 answers

247 views

Collapsable Panel

Hi -- Is there a way to change the icon for collapsible panel. By default it shows a caret (^) in right hand corner. We have users who don't find that intuitive.

Thank you.
Raka.

General Discussions

answered on 30 Jul 2012

5 answers

193 views

button in scheduler

There is my code :

<%@ Page Language="VB" AutoEventWireup="true" CodeBehind="RadSchedulerWebForm.aspx.vb" Inherits="digiCONTACTSWebApp.RadSchedulerWebForm" %>

<!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>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

<style>

#scheduler-container {

width: 700px;

float: left;

}

#settings-container {

float: right;

}

</style>

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Transparent">

</telerik:RadSkinManager>

<script type="text/javascript">

var categoryNames = new Array();

function ClientNodeChecked(sender, eventArgs) {

SchedulerID = eventArgs.get_node().get_value();

var scheduler = $find('<%=RadScheduler1.ClientID %>');

scheduler.rebind();

}

/* function OnClientAppointmentsPopulating(sender, eventArgs) {

eventArgs.get_schedulerInfo().SchedulerID = SchedulerID;

}*/

function OnClientAppointmentsPopulating(sender, eventArgs) {

addSelectedCategoriesToArray(categoryNames);

eventArgs.get_schedulerInfo().CategoryNames = categoryNames.toString();

categoryNames = new Array(); //clear the array

}

function OnClientAppointmentDataBound(sender, eventArgs) {

var app = eventArgs.get_appointment();

//debugger;

var backColor = app.get_attributes().getAttribute("AppointmentCssColor");

if (backColor)

app.set_cssClass(backColor);

// app.set_backColor("yellow");

// app.set_cssClass("rsCategoryYellow");

}

function addSelectedCategoriesToArray(categoryNamesArray) {

var $ = $telerik.$;

var categoryPanelBar = $find('<%=RadPanelBar1.ClientID %>');

$(':checkbox:checked', categoryPanelBar.get_element()).each(function () {

categoryNames.push($(this).attr('id'));

});

}

function rebindScheduler() {

var scheduler = $find('<%=RadScheduler1.ClientID %>');

scheduler.rebind();

}

</script>

<div id="settings-container">

<telerik:RadPanelBar ID="RadPanelBar1" Runat="server">

</telerik:RadPanelBar>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:vicidialConnectionString4 %>"

ProviderName="<%$ ConnectionStrings:vicidialConnectionString4.ProviderName %>"

SelectCommand="SELECT lead_id, status, `user`, source_id, list_id, phone_number, first_name, last_name, address1, city, postal_code, alt_phone, comments FROM vicidial_list">

</asp:SqlDataSource>

</div>

<div id="scheduler-container">

<telerik:RadScheduler ID="RadScheduler1" runat="server"

OnClientAppointmentsPopulating="OnClientAppointmentsPopulating" SelectedView="WeekView"

Width="1000px" Height="600px" Skin="Transparent" Culture="fr-FR"

onclientappointmentdatabound="OnClientAppointmentDataBound"

EnableCustomAttributeEditing="True" StartInsertingInAdvancedForm="True"

SelectedDate="07/13/2012 08:54:36">

<AdvancedForm EnableCustomAttributeEditing="True" Modal="True" />

<Localization AdvancedCalendarCancel="Annuler" AdvancedDay="Jour"

AdvancedMaskDay="Jour" HeaderDay="Jour" HeaderMonth="Mois"

HeaderToday="Aujourd'hui" HeaderWeek="Semaine" />

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

</telerik:RadScheduler>

</div>

</form>

</body>

</html>

I want to know if it was possible to add a button in the editing of my appointment.
I save and cancel button and I would like to add a third button.
are what is possible? and if so how?
Thank you in advance.

Scheduler

answered on 30 Jul 2012

6 answers

330 views

Appointment DoubleClick Event

Hi, i want to show the contextmenu when i doubleclick on an Appointment, is it possible?

Scheduler

answered on 30 Jul 2012

2 answers

76 views

Is telerik grid supports to accept string hierarchy to build the grid?

Team,

I am in evaluation phase to go or no go with Telerik controls. I need your help and quick response for below.

Currently we have an Windows Application and using many custom grids. Now we are doing Web version for the same and started evaluating the Telerik grid (ASP.NET AJAX) will fit to our web version or not but I was stuck with a scenario,

Scenario as follows:
My DB result set comes with string hierarchy attached image (db_resultset.gif) and also attached (windows UI.gif) for the same which gives you better clarity.

Is telerik grid supports to accept string hierarchy to build the grid?
If yes, Could please provide a sample for it and give some URL to refer.
If not, By extending the telerik grid functionality can we achieve this? or do we need to change the data structure and which data structure telerik grid will support to build the hierarchy?

I am waiting for your reply. Please help.

Thanks,
Anjan

General Discussions

answered on 30 Jul 2012

1 answer

290 views

Grid without data binding

Hello,

I want to make a simple grid on my website, allowing the users to input some data in the grid, but I find the demos are a little bit complicate, is there some samples that can fulfill:

- Creating a grid of several columns with known headings (and its data format)
- No need to connect to the database (No data binding, 0 rows when page load)
- Allow users to add/remove/edit rows
- Can get the input data for calculation when some button is clicked

I know it is a very simple problem, but I cannot find some demos without data binding.

------------------------------------------ Update ------------------------------------------

My current code:

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

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

AllowPaging="true" AllowSorting="true" OnDeleteCommand="RadGrid1_DeleteCommand"

OnInsertCommand="RadGrid1_InsertCommand" AllowFilteringByColumn="false" OnUpdateCommand="RadGrid1_UpdateCommand"

OnUnload="RadGrid1_Unload">

<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="Field1"

InsertItemPageIndexAction="ShowItemOnCurrentPage">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridButtonColumn ConfirmText="Delete this object?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="100px"

ConfirmDialogWidth="220px" />

<telerik:GridBoundColumn DataField="Field1" HeaderText="Field One" UniqueName="Field1" DataType="System.String" />

<telerik:GridBoundColumn DataField="Field2" HeaderText="Field Two" UniqueName="Field2" DataType="System.Double" />

<telerik:GridBoundColumn DataField="Field3" HeaderText="Field Three" UniqueName="Field3" DataType="System.String" />

<telerik:GridBoundColumn DataField="Field4" HeaderText="Field Four" UniqueName="Field4" DataType="System.DateTime" />

</Columns>

</MasterTableView>

<ClientSettings>

<DataBinding Location="WebService.asmx"

SelectMethod="GetDataAndCount" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

protected void Page_Load(object sender, EventArgs e)

{

// ...

if (!Page.IsPostBack)

{

RadGrid1.DataSource = new Object[0];

}

protected void RadGrid1_UpdateCommand(object sender, GridCommandEventArgs e)

{

// Something

}

protected void RadGrid1_InsertCommand(object sender, GridCommandEventArgs e)

{

// Something

}

protected void RadGrid1_DeleteCommand(object sender, GridCommandEventArgs e)

{

// Something

}

protected void RadGrid1_Unload(object sender, EventArgs e)

{

// Something

}

It can show a empty grid when page load, but when I press the "add new record" button, it do not go into the event.

Regards,
Kev

Grid

answered on 30 Jul 2012