Questions on UI for ASP.NET AJAX Forum

1 answer

145 views

Delete Button in the Edit Form Settings.

Hello,

I am curious to know if I can have a "Delete" button in my <EditFormSettings> tag. Currently it is being displayed in the same line as my record. I am interested to have it displayed inside of the Edit panel, next to the Update and Cancel buttons. Attached is a screen shot of what I have...

Any direction on how I can achieve this is so appreciate it. I already spend a few days researchign for this in the web...

Thanks!!
Mariella.

Grid

answered on 23 Feb 2012

3 answers

113 views

[Solved] Chart SaleAmount and SalesTarget

Hi,

Base on this post ; i able to draw the Base line like figure 1.0 below

Figure 1.0

Problem (Sale and SalesTarget In one column show like below figure: 1.1)
How can i integrate the saleAmount and the SaleTarget show like example below

Figure 1.1

Or Dynamic Draw the MarkZone in each column as SaleTarget like Figure 1.2 below

Figure 1.2

Regarding,
Tan

Chart (Obsolete)

answered on 23 Feb 2012

4 answers

443 views

how to remove Chart Series border color

Chart (Obsolete)

answered on 23 Feb 2012

0 answers

114 views

How to Hide telerik:GridTemplateColumn on the ClientSide

i have defined the Following Template Column

<telerik:GridTemplateColumn UniqueName="Select">

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

and i want to hide this Column on the client side like this

<telerik:GridTemplateColumn UniqueName="Select" Visible='<%# CheckboxVisibleCheck(Eval("Column3").ToString)%>'>

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

How can i achieve this

Grid

asked on 22 Feb 2012

0 answers

71 views

Groupby a column and sort the entire grid by another column

Hello

Grid

asked on 22 Feb 2012

2 answers

174 views

ItemCommand event not firing with ImageButton

I tried with the following markup and code

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

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

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

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" MinDisplayTime="500"

Skin="Metro">

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ImgEdit">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="LinkButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" EnableAJAX="true">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AutoGenerateColumns="false"

AllowPaging="true" PageSize="20" Width="900px" Skin="Metro"

onitemcommand="RadGrid1_ItemCommand">

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Resizing AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="true"

EnableRealTimeResize="true" />

</ClientSettings>

<MasterTableView TableLayout="Fixed">

<Columns>

<telerik:GridBoundColumn DataField="RoleID" UniqueName="RoleID" HeaderText="Role ID">

<HeaderStyle Width="100px" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RoleName" HeaderText="Role Name">

<HeaderStyle Width="500px" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="Description" HeaderText="Description">

<HeaderStyle Width="270px" HorizontalAlign="Center" />

</telerik:GridNumericColumn>

<telerik:GridTemplateColumn HeaderStyle-CssClass="editItem" FooterStyle-CssClass="editItem"

ItemStyle-CssClass="editItem">

<HeaderStyle Width="30px" />

<ItemTemplate>

<asp:ImageButton ID="ImgEdit" runat="server" ImageUrl="Images/edit.png" Height="15px"

Width="15px" ToolTip="Click Here to Edit" CommandName="Edit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<asp:LinkButton ID="LinkButton1" runat="server">Add Reports</asp:LinkButton>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" EnableAJAX="true" runat="server" Width="900px"

Height="200px">

</telerik:RadAjaxPanel>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

namespace InvestorWeb

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

DataTable dt = new DataTable();

dt.Columns.Add("RoleID");

dt.Columns.Add("RoleName");

dt.Columns.Add("Description");

for (int i = 1; i < 80; i++)

{

dt.Rows.Add(i, "Report" + i, "Desc" + i);

}

RadGrid1.DataSource = dt;

RadGrid1.DataBind();

}

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

{

}

RadGrid1_ItemCommand is not firing only for ImageButton, but it worked fine when I tried with Button, LinkButton

I am using
latest update of Teleric as of today,
Microsoft Visual Studio 2010 Professional - Version 10.0.30319.1 RTMRel,
Running on .NET framework 4.0

Grid

answered on 22 Feb 2012

14 answers

261 views

DateTimePicker vs. ObjectDataSource and Validation

Greetings,

first of all I have to say that I like DateTimePicker and other calendar controls. Thus my frustration is much more deeper. I have a validator which is able to validate a date against desired date format. But with RadDateTimePicker it's useless, because date string, which is supplied to the validator is in strange only-dash-separated format (e.g. 2010-05-12-01-31-00 - I understood it is ValidationDate property). Now there is a bad security problem, when one turns his javascript off, and enters a date the format supplied to the validator will be different. When my validator expects format like 'yyyy/MM/dd' it is able to validate it when someone cheats. But when normal user enters a date and it is deformed by the DateTimePicker control, it cannot be validated against desired format 'yyyy/MM/dd'. Now it is NOT STANDARD behaviour. I expect that the control won't modify standard behaviour. It's Microsoft's job to disobey standards, please, don't do so... The controls should only sweeten one's work, but should not deform the values input by user.

I have read lots of posts on this problem, ClientEvents-OnError as the best proposed solution is not still validation and works only on client-side. Another proposion to use SelectedDate in server validation method also does not work as it is null on all invalid inputs and validator returns true. And RangeValidator, it's the same thing. Any other working solution, that everybody is still awaiting?

All solutions are welcome.

Calendar

answered on 22 Feb 2012

0 answers

135 views

RadGrid1_ItemDataBound fires only for rows in first page

Hello, I have paging enabled for the radgrid control. I bind the radgrid to a datatable. In the RadGrid1_ItemDataBound , I would like to go over every row bound to the grid and based on the value of a cell, I want to change the background color of the corresponding row. This works fine when paging is not enabled(that is all rows bound to the radgrid is on one page). But when I have multiple pages, I see that RadGrid1_ItemDataBound event gets fired only for rows in the first page.
Thanks for your help!

Grid

asked on 22 Feb 2012

1 answer

161 views

Column Headers not being exported to Excel when More then 10 Rows are exported

2 problems here;
1. Header row (column titles) are not exported to Excel when I have more than 10 items in a export. I thought it might be related to the page size so I changed my page size to encompass 12 rows and still no header row.
2. I am unable to get the entire dataset to export to excel. I can only get the 1st page. See code snipit

ActiveBatchesRadGrid_ItemCommand calls the method ConfigureExport in the base class so all exports function the same

private void ActiveBatchesRadGrid_ItemCommand(object source, GridCommandEventArgs e)

{

switch (e.CommandName)

{

case RadGrid.InitInsertCommandName:

_gridTableView = e.Item.OwnerTableView;

break;

case RadGrid.ExportToExcelCommandName:

ExpandAllDetailTableRecords(source, ExpandedStates, false);

ConfigureExport(source, e);

break;

}

protected static void ConfigureExport(object source, GridCommandEventArgs e)

{

e.Item.OwnerTableView.ExpandCollapseColumn.Visible = false;

e.Item.OwnerTableView.GetColumn("PolicyEditRecord").Visible = false;

e.Item.OwnerTableView.GetColumn("DeleteTransaction").Visible = false;

e.Item.OwnerTableView.GetColumn("ManualAdjustmentBatchID").Visible = false;

e.Item.OwnerTableView.GetColumn("ManualAdjustmentID").Visible = false;

((RadGrid)source).ExportSettings.ExportOnlyData = true;

//((RadGrid)source).PageSize = ((RadGrid)source).MasterTableView.VirtualItemCount;

((RadGrid)source).ExportSettings.IgnorePaging = true;

((RadGrid)source).ExportSettings.OpenInNewWindow = false;

((RadGrid)source).MasterTableView.HierarchyDefaultExpanded = false;

((RadGrid)source).MasterTableView.ExportToExcel();

}

VirtualItemCount is commented out because it throws an "System.ArgumentOutOfRangeException: Specified argument was out of the range of valid values." error. I have not tried it yet but I think it may be due to the export being conducted on the DetailGrid and not the MasterGrid. Any comments on that would be appreciated too.

EDIT:
After further investigation the lack of the export of the header row does not appear to be a row count issue. It appears that only the first DetailGrid of the first row of the MasterDetailGrid exports the column headers. I have tried this on all of my implementations and the behavior is consistent across them

Grid

answered on 22 Feb 2012

3 answers

149 views

Modifying Grid Filter Menu Causes Loop

I am trying to modify the filter menus in a grid. I have done this before (successfully), so I copied the event code from the other web page that was working fine, pasted it into a second .aspx, and everytime it executes it goes into a CPU loop -- which I cannot locate the source of using normal debugging techniques.

I have attached a screen capture of the grid at run-time so you can visualize it.

The source code for the actual grid is immediately below, and the related event code which is causing the problem is included below that. If I comment out the event code, the page runs fine. If I let the While..Loop execute, a cpu-loop will result without any debug stops being executed.

Any help would be most appreciated! It will probably turn out to be something stupid I am doing, but for the life of me, I cannot find it.

Thanks for any assistance in advance!

Lynn

<telerik:RadGrid ID="gvCCECCommitteeProperties" GridLines="None" AutoGenerateColumns="false" PageSize="15" EnableEmbeddedSkins="true" Skin="Default"

Width="99%" AllowFilteringByColumn="true" AllowAutomaticDeletes="false" AllowMultiRowEdit="false" AllowMultiRowSelection="false"

AllowPaging="true" AllowSorting="false" runat="server" OnItemCreated="gvCCECCommitteeProperties_ItemCreated"

DataSourceID="SqlDataSource1" AllowAutomaticUpdates="true" AllowAutomaticInserts="False"

OnInit="gvCCECCommitteeProperties_Init"

SelectCommandType="StoredProcedure" SelectCommand="SelectEmployees"

UpdateCommandType=""

UpdateCommand=

"UPDATE [CCECCommitteeProperties] SET [LastName] = @LastName, [FirstName] = @FirstName, [MiddleName] = @MiddleName, [Suffix] = @Suffix, [IsDependent] = @IsIndependent, [IsUnopposed] = @IsUnapplosed, [IsOneParty] = @IsOneParty, [IsPrimaryWinner] = @IsPrimaryWinner, [IsGeneralWinner] = @IsGeneralWinner, [IsActive] = @IsActive, [IsQualifiedForBallot] = @IsQualifiedForBallot, [IsReallocated] = @IsReAllocated, [IsIncumbent] = @IsIncumbent WHERE [CCECCommitteePropertyID] = @CCECCommitteePropertyID"

ShowStatusBar="true">

<MasterTableView ShowFooter="false" DataKeyNames="CCECCommitteePropertyID" EditMode="InPlace" CommandItemDisplay="TopAndBottom">

<Columns>

<telerik:GridEditCommandColumn FooterText="EditCommand footer" UniqueName="EditCommandColumn"

HeaderText="Edit" HeaderStyle-Width="100px" UpdateText="Update">

</telerik:GridEditCommandColumn>

<telerik:GridTemplateColumn HeaderStyle-Width="250px" HeaderText="Names<br>(Last Name)" AllowFiltering="true" DataField="LastName">

<ItemTemplate>

<div style="width: 250px">

<asp:Label Width="100px" ID="Label1" runat="server" Text="Last Name;" ></asp:Label> <asp:Label Width="100px" ID="txtLastName" runat="server" Text='<%# Bind("LastName") %>'></asp:Label>

<br />

<asp:Label Width="100px" ID="Label2" runat="server" Text="First Name:" ></asp:Label> <asp:Label Width="100px" ID="txtFirstName" runat="server" Text='<%# Bind("FirstName") %>'></asp:Label>

<br />

<asp:Label Width="100px" ID="Label4" runat="server" Text="Middle Name:" ></asp:Label> <asp:Label Width="100px" ID="txtMiddleName" runat="server" Text='<%# Bind("MiddleName") %>'></asp:Label>

<br />

<asp:Label Width="100px" ID="Label3" runat="server" Text="Suffix:" ></asp:Label> <asp:Label Width="100px" ID="txtSuffix" runat="server" Text='<%# Bind("Suffix") %>'></asp:Label>

</div>

</ItemTemplate>

<EditItemTemplate>

<div style="width: 250px" >

<asp:Label Width="100px" ID="Label1" runat="server" Text="Last Name;" ></asp:Label> <asp:TextBox Width="100px" ID="LastName" runat="server" Text='<%# Bind("LastName") %>'></asp:TextBox>

<br />

<asp:Label Width="100px" ID="Label2" runat="server" Text="First Name:" ></asp:Label> <asp:TextBox Width="100px" ID="FirstName" runat="server" Text='<%# Bind("FirstName") %>'></asp:TextBox>

<br />

<asp:Label Width="100px" ID="Label4" runat="server" Text="Middle Name:" ></asp:Label> <asp:TextBox Width="100px" ID="MiddleName" runat="server" Text='<%# Bind("MiddleName") %>'></asp:TextBox>

<br />

<asp:Label Width="100px" ID="Label3" runat="server" Text="Suffix:" ></asp:Label> <asp:TextBox Width="100px" ID="Suffix" runat="server" Text='<%# Bind("Suffix") %>'></asp:TextBox>

</div>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Information<br>(Filer Id)" AllowFiltering="true" DataField="CommitteeID">

<ItemTemplate>

<div style="float: left;">

FilerID: <asp:Label ID="lblFilerID" runat="server" Text='<%# Eval("CommitteeID") %>'></asp:Label>

<br />

Party: <asp:Label ID="lblCandidateParty" runat="server" Font-Bold="False" Text='<%# Eval("PartyName") %>'></asp:Label>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsActive" HeaderText="Active?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsIndependent" HeaderText="Independent?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsUnopposed" HeaderText="Unopposed?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsOneParty" HeaderText="One Party<br>Dominant?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsPrimaryWinner" HeaderText="Primary<br>Winner?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsGeneralWinner" HeaderText="General<br>Winner?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsQualifiedForBallot" HeaderText="Qualified<br>for Ballot?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsReallocated" HeaderText="Reallocated?" ></telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn AllowFiltering="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="IsIncumbent" HeaderText="Incumbent?" ></telerik:GridCheckBoxColumn>

<telerik:GridBoundColumn Visible="false" DataField="OfficeID" ></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Now the relevant event code:

protected void gvCCECCommitteeProperties_Init(object sender, System.EventArgs e)

{

GridFilterMenu menu = gvCCECCommitteeProperties.FilterMenu;

int i = 0;

while (i < menu.Items.Count)

{

if (i == 0)

{

if (menu.Items[i].Text == "NoFilter" || menu.Items[i].Text == "Contains" || menu.Items[i].Text == "StartsWith" || menu.Items[i].Text == "EqualTo")

{

i++;

}

else

{

menu.Items.RemoveAt(i);

}

Grid

answered on 22 Feb 2012