Questions on UI for ASP.NET AJAX Forum

110,824 questions

4 answers

441 views

Radcaptcha refresh image causes invalid postback or callback argument..

Hi there,
I have two textboxes and a Button in my aspx page..I have dynamically create a radcaptcha with enablerefreshimage=true in Onint event...I have to do some stuff in my button click..After clicking "Get New Image" link,unknown error occured after I clicked my Button..But everything was fine without clicking "Get new Image"..Here is the error,,

Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %>in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation

Here is my code,,

<table>

<tr>

<td ><asp:TextBox ID="tb1" Width="300" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td >

<asp:TextBox ID="tb2" Width="300" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td> <asp:Panel ID="pnlCaptcha" runat="server">

</asp:Panel>

</td>

</tr>

<tr>

<td align="center">

<asp:Label ID="Label1" runat="server"

Text="Type the above code in text box"></asp:Label>

</td>

</tr>

<tr>

<td align="center">

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnEnroll" runat="server" ValidationGroup="vgAudio" Text="Enroll"

OnClientClick="this.disabled=true" Visible="false" OnClick="btnEnroll_Click"

UseSubmitBehavior="false" /><br />

</td>

</tr>

</table>

Backend Code::

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

RadCaptcha radCaptch = new RadCaptcha();

radCaptch.ID = "RadCaptcha1";

radCaptch.ValidationGroup = "vgAudio";

radCaptch.ValidatedTextBoxID = TextBox1.ID;

radCaptch.EnableRefreshImage = true;

radCaptch.CaptchaImage.RenderImageOnly = true;

radCaptch.ForeColor = Color.Red;

radCaptch.Attributes.Add("meta:resourcekey", "radCaptchaResource1");

radCaptch.ErrorMessage = "Please type the valid code";

//Add the captcha to panel

pnlCaptcha.Controls.Add(radCaptch);

}

protected void btnEnroll_Click(object sender, EventArgs e)

{

//Do some stuff

}

What mistake I have done in the above code...

Thanks,
S.Suresh

Captcha

answered on 30 Mar 2012

1 answer

220 views

Mega Drop Down menu issue

Hi,

I'm trying to implement the Mega Drop Down menu and in the same page display a RadGrid allowing filtering in the columns. It appears there is a bug in the Mega Drop Down, since filtering stop working in the RadGrid as soon I add the Mega Drop Down control. If I comment the Mega Drop Down code the RadGrid control works perfectly.

I use Q1 2012 version

Any clue??

Mega Drop Down code

<div id="MegaDropDown">

<script type="text/javascript">

function itemOpened(s, e) {

if ($telerik.isIE8) {

// Fix an IE 8 bug that causes the list bullets to disappear (standards mode only)

$telerik.$("li", e.get_item().get_element()).each(function () {

this.style.cssText = this.style.cssText;

});

}

</script>

<telerik:RadMenu runat="server" ID="RadMenu1" Skin="Sitefinity" OnClientItemOpened="itemOpened"

Width="590px" Height="50px" EnableShadows="true">

<Items>

<telerik:RadMenuItem Text="Products" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Products" Width="640px">

<ItemTemplate>

<div id="CatWrapper" class="Wrapper" style="width: 435px;">

<h3>

Categories</h3>

<telerik:RadSiteMap ID="RadSiteMap1" runat="server" Skin="Hay" EnableTextHTMLEncoding="true">

<LevelSettings>

<telerik:SiteMapLevelSetting Level="0">

<ListLayout RepeatColumns="3" RepeatDirection="Vertical" />

</telerik:SiteMapLevelSetting>

</LevelSettings>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Furniture">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Tables & Chairs" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Sofas" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Occasional Furniture" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Childerns Furniture" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Beds" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Decor">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Bed Linen" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Throws" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Curtains & Blinds" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Rugs" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Carpets" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Storage">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Wall Shelving" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Kids Storage" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Baskets" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Multimedia Storage" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Floor Shelving" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Toilet Roll Holders" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Storage Jars" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Drawers" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Boxes" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Lights">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Ceiling" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Table" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Floor" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Shades" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Wall Lights" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Spotlights" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Push Light" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="String Lights" />

</Nodes>

</telerik:RadSiteMapNode>

</Nodes>

</telerik:RadSiteMap>

</div>

<div id="FeatProduct">

<h3>

Featured</h3>

<img src="Img/lamp.jpg" alt="Deco Mirror Table Lamp - $ 24.99" width="128px" height="150px" />

<p>

Deco Mirror Table Lamp

<br />

<span class="price">$ 24.99</span></p>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Stores" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Stores" Width="640px">

<ItemTemplate>

<div id="StoreWrapper" class="Wrapper">

<h3>

Around the Globe</h3>

<img id="world" src="Img/world.gif" width="355" height="210" usemap="#m_world" alt="world" />

<map name="m_world" id="m_world">

<area shape="circle" coords="309,171, 5" href="#" alt="New Zealand" />

<area shape="circle" coords="278,153, 5" href="#" alt="Australia" />

<area shape="circle" coords="272,116, 5" href="#" alt="Philippines" />

<area shape="circle" coords="255,128, 5" href="#" alt="Malaysia" />

<area shape="circle" coords="234,105, 5" href="#" alt="India" />

<area shape="circle" coords="200,98, 5" href="#" alt="Middle East" />

<area shape="circle" coords="173,80, 5" href="#" alt="Europe" />

<area shape="circle" coords="161,73, 5" href="#" alt="United Kingdom" />

<area shape="circle" coords="85,91, 5" href="#" alt="United States" />

<area shape="circle" coords="80,73, 5" href="#" alt="Canada" />

</map>

<telerik:RadSiteMap ID="RadSiteMap2" runat="server" Skin="Hay" Width="250px" Style="padding-top: 30px;"

EnableTextHTMLEncoding="true">

<LevelSettings>

<telerik:SiteMapLevelSetting Level="0">

<ListLayout RepeatColumns="2" RepeatDirection="Vertical" />

</telerik:SiteMapLevelSetting>

</LevelSettings>

<Nodes>

<telerik:RadSiteMapNode>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Australia" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Canada" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Europe" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="India" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Malaysia" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Middle East" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="New Zealand" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Philippines" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="United Kingdom" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="United States" />

</Nodes>

</telerik:RadSiteMapNode>

</Nodes>

</telerik:RadSiteMap>

<a class="moreLink" href="#">See full list »</a>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="News" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="News" Width="640px">

<ItemTemplate>

<div id="NewsWrapper" class="Wrapper">

<h3>

Latest News</h3>

<div class="newsLeft">

<img src="Img/interior.png" alt="news" />

<h2>

<a href="#">Kelly Hoppen to speak at interiors 2010</a></h2>

<span>01/02/2010</span>

<p>

Internationally acclaimed British interior designer, Kelly Hoppen, will present

a seminar at interiors 2010 on Wednesday 27th January. Kelly’s reputation for simple

but opulent styling has ...</p>

</div>

<table cellspacing="0" cellpadding="0" width="290px">

<tr>

<td>

<span>02/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">PANTONE Color Report Fall 2010</a><br />

In conjunction with New York Fashion Week, Pantone today released the PANTONE Fashion

Color Report Fall 2010 ...

</td>

</tr>

<tr>

<td>

<span>03/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">Interiors 2010 reports great business</a><br />

Interiors 2010, the first and largest dedicated UK ...

</td>

</tr>

<tr>

<td>

<span>04/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">San Francisco Design Week 2010</a><br />

The mission of Design Week raise public awareness of Design ...

</td>

</tr>

<tr>

<td>

<span>05/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">Travel + Leisure 2010 Design Award Winners</a><br />

The most outstanding new examples of design and architecture ...

</td>

</tr>

</table>

<a class="moreLink" href="#">View all »</a>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Events" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Events" Width="640px">

<ItemTemplate>

<div id="EventWrapper" class="Wrapper">

<h3>

Industry Events</h3>

<div class="newsLeft">

<img src="Img/events.jpg" alt="events" />

<h2>

<a href="#">International Furniture Fair Tokyo (IFFT)</a></h2>

<span>10/02/2010</span>

<p>

Furniture design event inaugurated in 1979 featuring furniture and interior design

exhibitors from all over the world.</p>

</div>

<table cellspacing="0" cellpadding="0" width="290px">

<tr>

<td>

<span>01/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">International Interior & Furniture Exhibition (IFEX)</a>

</td>

</tr>

<tr>

<td>

<span>02/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Australian International Furniture Fair </a>

</td>

</tr>

<tr>

<td>

<span>03/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Las Vegas Furniture Show </a>

</td>

</tr>

<tr>

<td>

<span>04/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Home Fashion & Design Shanghai</a>

</td>

</tr>

<tr>

<td>

<span>05/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">imm cologne </a>

</td>

</tr>

<tr>

<td>

<span>06/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Malaysian International Furniture Fair </a>

</td>

</tr>

<tr>

<td>

<span>07/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Salon du Meuble de Paris </a>

</td>

</tr>

<tr>

<td>

<span>08/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">ICFF: International Contemporary Furniture Fair</a>

</td>

</tr>

</table>

<a class="moreLink" href="#">View all »</a>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Catálogos" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Producst">

<ItemTemplate>

<div id="CatWrapper" class="Wrapper">

<h3>

Catálogos</h3>

<telerik:RadSiteMap ID="RadSiteMapCatalogos" runat="server" Skin="Hay" DataSourceID="ObjectDataSource1"

DataFieldID="ID" DataFieldParentID="ParentID" DataTextField="Text" DataNavigateUrlField="URL"

EnableTextHTMLEncoding="true">

<LevelSettings>

<telerik:SiteMapLevelSetting Level="0">

<ListLayout RepeatColumns="2" RepeatDirection="Vertical" />

</telerik:SiteMapLevelSetting>

</LevelSettings>

</telerik:RadSiteMap>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

RadGrid code:

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

GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True"

DataSourceID="ObjectDataSource1" ShowGroupPanel="True" Width="600px">

<ExportSettings OpenInNewWindow="True" ExportOnlyData="true" IgnorePaging="true">

<Excel Format="ExcelML" />

</ExportSettings>

<ClientSettings AllowDragToGroup="True">

</ClientSettings>

<MasterTableView DataSourceID="ObjectDataSource1" CommandItemDisplay="Top">

<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="False" />

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif" InsertImageUrl="Update.gif"

UpdateImageUrl="Update.gif">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableEmbeddedSkins="False">

</FilterMenu>

<HeaderContextMenu EnableEmbeddedSkins="False">

</HeaderContextMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="getCampus"

TypeName="WebApplication_Test.Test"></asp:ObjectDataSource>

answered on 30 Mar 2012

2 answers

108 views

Chart custom skin

hi Guys,

I read the below link for creating custom skin for chart

http://www.telerik.com/help/aspnet-ajax/introduction-create-custom-skin.html

In the below link i am not able to see new skin for chart

http://stylebuilder.telerik.com/New.aspx

Can you please guide me

in the below link i saw some static skin only it is available ?

http://demos.telerik.com/aspnet-ajax/chart/examples/skinning/bars/defaultcs.aspx

Karthik.K

Chart (Obsolete)

answered on 30 Mar 2012

6 answers

90 views

LoadingPanel Issue

Hi Guys

Below is my code
My loading panel is not working
Can you guys correct me where i did mistake

<script type="text/javascript">
            function showLoader() {
                var loadingPanel = $find('<%=loadingPanel.ClientID %>')
                var form = '<%=form.ClientID %>';
                loadingPanel.show(form);
            }
</script>

<telerik:RadAjaxLoadingPanel ID="loadingPanel" runat="server" Skin="Vista">
    </telerik:RadAjaxLoadingPanel>

<asp:Button ID="uploadAction" CommandName="upload" OnClientClick="showLoader();" Text="{:Upload}" runat="server"></asp:Button>

Karthik.K

Ajax

answered on 30 Mar 2012

1 answer

108 views

excluding dates when using Filter Between on Grid

Hi,

I'm using RadGrid and FilterTemplates in order to have a range of dates. When the user select from date "01/01/2012" and to date "10/01/2012" this filter all records that were made during that range of time. however, is excluding all those transaction that occurred the First and the tenth.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filtertemplate/defaultcs.aspx (Based on this sample)

I have defined DateFormatString as "MM/dd/yyyy" and is still excluding records. My query return datetime types meaning that the Date field is return date and time.

So how can I tried to convert them into string but is not filter correctly because it doesn't filter the year only days and months.

SO I would really appreciate your help or advice in this matter. Because I want to include those record that were made on January First and in the Tenth.

Grid

answered on 30 Mar 2012

1 answer

111 views

I am unable to disable a checkbox from the server

Hello,

I have an ajaxified rad grid with a column that holds a delete button. When the button is clicked, i rebind the grid to the datasource and then I disable some checkboxes.

When this happens, these checkboxes are not disabled.

Here is my grid:

<telerik:RadGrid ID="dgLoginRequest"

runat="server"

AllowSorting="True"

AllowPaging="True"

AllowAutomaticUpdates="True"

Skin="WebBlue"

EnableAJAX="true"

EnableOutsideScripts="true"

GridLines="None"

GroupingSettings-GroupContinuesFormatString=""

OnPageIndexChanged="dgLoginRequest_PageIndexChanged"

OnItemDataBound="dgLoginRequest_ItemDataBound"

OnNeedDataSource="dgLoginRequest_NeedDataSource">

<ClientSettings>

<Selecting CellSelectionMode="None" AllowRowSelect="False" />

</ClientSettings>

<MasterTableView AllowAutomaticDeletes="True"

AllowAutomaticUpdates="True"

AutoGenerateColumns="False"

CommandItemDisplay="None"

DataKeyNames="EntityID"

Width="100%">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="EntityID" HeaderStyle-HorizontalAlign="Center" HeaderText="Entity ID" ItemStyle-HorizontalAlign="Left" SortExpression="EntityID" Visible="False" UniqueName="EntityID">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EntityName" HeaderText="Entity Name" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left" SortExpression="EntityName" UniqueName="EntityName">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center">

<HeaderTemplate>

<asp:CheckBox id="headerReaderChkbox" runat="server" Text="Reader"></asp:CheckBox>

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="chbxReader" runat="server" Checked='<%# Eval("IsReader") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center">

<HeaderTemplate>

<asp:CheckBox id="headerDropboxChkbox" runat="server" Text="RK Dropbox"></asp:CheckBox>

</HeaderTemplate>

<itemtemplate>

<asp:CheckBox ID="chbxRKDropbox" runat="server" Checked='<%# Eval("IsRKDropbox") %>' />

</itemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText=" ">

<ItemTemplate>

<asp:ImageButton ID="btnDelete"

runat="server"

CausesValidation="False"

ImageUrl="../Login/Images/Delete.gif"

ToolTip="Delete Record"

OnClick="btnDelete_Click"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="FamilyName" />

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="FamilyName" FieldAlias="FamilyName" HeaderText="FamilyName" />

</SelectFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableTheming="True" Skin="WebBlue">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

Here is my delete click

protected void btnDelete_Click(object sender, EventArgs e)

{ 

                var
 
 
 dataItem = (sender as ImageButton).NamingContainer as GridDataItem;
 
 
 
 
                foreach (EntityUserRole item in DataSource)
 
 
 
                    if (int.Parse(dataItem.GetDataKeyValue("EntityID").ToString()) == item.EntityID)
 
                    {
                        DataSource.Remove(item);
                        BindDataGrid();
 
 
                        break;
 
                    }

foreach (GridDataItem row in dgLoginRequest.MasterTableView.Items)

{

var entityID = (int) row.GetDataKeyValue("EntityID");

var chbxReader = (CheckBox) row.FindControl("chbxReader");

var chbxRKDropbox = (CheckBox) row.FindControl("chbxRKDropbox");

var chbxPrivateReader = (CheckBox) row.FindControl("chbxPrivateReader");

var chbxShare = (CheckBox) row.FindControl("chbxShare");

chbxReader.Enabled = false;

chbxRKDropbox.Enabled = false;

}

}



 
 
public void BindDataGrid()
 
{
    dgLoginRequest.DataSource = DataSource;
    dgLoginRequest.DataBind();
}

Why aren't these checkboxes being disabled?

Grid

answered on 30 Mar 2012

4 answers

281 views

How to get reference to a checkbox in a grid that was added programmatically

Hello,

I have added several checkbox columns to a grid programmatically and I was wondering how I can retrieve a reference to them from server side code.

I am adding the columns this way:

var templateColumn = new GridTemplateColumn();

templateColumn.UniqueName = role.RoleName;

templateColumn.ItemTemplate = new RoleColumn(role);

// add the dynamically created columns to the grid

dgLoginRequest.MasterTableView.Columns.Add(templateColumn);

public class RoleColumn : ITemplate

{

protected CheckBox roleCheckbox;

private Role _role;

public RoleColumn(Role role)

{

_role = role;

}

public void InstantiateIn(Control container)

{

roleCheckbox = new CheckBox { ID = "chkReader"};

roleCheckbox.AutoPostBack = false;

roleCheckbox.DataBinding += new EventHandler(roleCheckbox_DataBinding);

container.Controls.Add(roleCheckbox);

}

private void roleCheckbox_DataBinding(object sender, EventArgs e)

{

var cBox = (CheckBox)sender;

var container = (GridDataItem)cBox.NamingContainer;

cBox.Checked = (bool)DataBinder.Eval((container.DataItem), "Roles[" + _role.RoleID +"]");

}

And I bind the grid to an data source (ArrayList of customObject). On a postback, I want to be able to get a refence to the checkboxes I added.

I am using the following code but it returns me null:

foreach (GridDataItem item in dgLoginRequest.MasterTableView.Items)

{

var ads = item.DataItem;

var cbx = (CheckBox) item.FindControl("chkReader");

}

How can I get a reference to this checkbox on lets say a button click (i.e. not using the rad grid events)?

Grid

answered on 29 Mar 2012

1 answer

122 views

behavior difference between clicking a radbutton and hitting enter when selected

I have an issue that I have been going around in circles with for a little while now. I have a webform with a simple save button on it

<telerik:RadButton ID="btnSaveProduct" runat="server" Skin="Web20" Text="Save"></telerik:RadButton>

which has code for the click event

Private Sub btnSaveProduct_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSaveProduct.Click

If pageIsValid() = True Then

processPage()

End If

End Sub

I am running into a problem because when the user clicks on the button the btnSaveProduct_Click event is fired correctly and everything on the form is saved correctly. However, when the user tabs over to the button and clicks enter the btnSaveProduct_Click event is fired correctly but the items on the form are not saved correctly. It hits all the same code and the only difference is how the user clicks save. It almost seems like the clicking the button does a postback to the form but tabbing and clicking enter does not.

Does anyone have any insight to what the problem may be??

Button

answered on 29 Mar 2012

2 answers

283 views

[Solved] Checkbox as header in GridItemTemplate

Hi!

I could use some assistance if anyone is able to help. In my application I have a grid displaying a number of columns. There is a requirement for the users to be able to select any number of columns and then export the selected columns to PDF or Excel. To enable selection of columns, I added a checkbox into the HeaderTemplate of a GridItemTemplateColumn for each column.

By the way, the code displayed in this is a simplified version I created in an attempt to identify the issue. :)

Here is the markup for my RadGrid

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

<MasterTableView>

<Columns>

<telerik:GridTemplateColumn UniqueName="ID"

AllowFiltering="true"

HeaderStyle-Width="100"

SortExpression="ID"

FilterControlWidth="50"

HeaderText="ID">

<HeaderTemplate>

<asp:CheckBox ID="IDCheck" runat="server" CssClass="HeaderCheckBox" Text="ID" />

</HeaderTemplate>

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Name"

AllowFiltering="true"

HeaderStyle-Width="100"

SortExpression="ID"

FilterControlWidth="50"

HeaderText="Name">

<HeaderTemplate>

<asp:CheckBox ID="NameCheck" runat="server" CssClass="HeaderCheckBox" Text="Name" />

</HeaderTemplate>

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="RandomText"

AllowFiltering="true"

HeaderStyle-Width="100"

SortExpression="RandomText"

FilterControlWidth="50"

HeaderText="RandomText">

<HeaderTemplate>

<asp:CheckBox ID="RandomTextCheck" runat="server" CssClass="HeaderCheckBox" Text="Random" />

</HeaderTemplate>

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:Button ID="PDFExportButton" runat="server" OnClick="ExportToPDF" Text="Export to PDF" />

<asp:Button ID="ExcelExportButton" runat="server" OnClick="ExportToExcel" Text="Export to Excel" />

And here is the code behind:

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

{

protected override void OnInit(EventArgs e)

{

RadGrid1.DataSource = GetDataSource();

RadGrid1.DataBind();

base.OnInit(e);

}

protected void Page_Load(object sender, EventArgs e)

{

}

protected List<Person> GetDataSource()

{

List<Person> peeps = new List<Person>();

for (int i = 0; i < 10; i++)

{

Person p = new Person

{

Name = "Test" + i.ToString(),

ID = i,

RandomText = DateTime.Now.Millisecond.ToString()

};

peeps.Add(p);

}

return peeps;

}

protected void ExportToPDF(object sender, EventArgs e)

{

RadGrid1.ExportSettings.ExportOnlyData = true;

RadGrid1.ExportSettings.HideStructureColumns = true;

RadGrid1.ExportSettings.IgnorePaging = true;

//RadGrid1.ExportSettings.OpenInNewWindow = true;

RadGrid1.MasterTableView.ExportToPdf();

}

protected void ExportToExcel(object sender, EventArgs e)

{

RadGrid1.ExportSettings.ExportOnlyData = true;

RadGrid1.ExportSettings.HideStructureColumns = true;

RadGrid1.ExportSettings.IgnorePaging = true;

//RadGrid1.ExportSettings.OpenInNewWindow = true;

RadGrid1.MasterTableView.ExportToExcel();

}

The issue I am having is that when the columns are exported instead of the HeaderText being displayed, "False" is displayed. I've attached a screenshot of the PDF output.

To sum it up: I want the column's header text to display in the exported files instead of the text "False", but I can't figure out what I am doing wrong or if there is a better way to achieve this.

Thanks.
Kevin

Grid

answered on 29 Mar 2012

14 answers

281 views

Strange width behaviour

Hi,

My grid have a strange behaviour on the first load (Check the Image).

When I click on edit or I just sort a column, so that when the grid refresh after the AjaxRequest, the grid layout become correct.

So what is causing thie behaviour?

Thanks.

Sorry for my bad english.

Grid

answered on 29 Mar 2012

Top users last month