Questions on UI for ASP.NET AJAX Forum

2 answers

198 views

Unable to Bind Data to the Dropdownlist column

Hi,
I am Currently working on GridDropdownlist column ,here am trying to bind datasource to the GridDropdown column in the Item DataBound event.But it is coming as empty..Please suggest me ,where am i doing wrong.

Here is my Code:

ASPX

<asp:UpdatePanel runat="server">

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

OnItemDataBound="RadGrid1_ItemDataBound" GridLines="None">

<EditFormSettings ColumnNumber="2" CaptionFormatString="Edit details for ProductName with ID {0}"

CaptionDataField="DeptName">

<FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"

Height="110px" Width="100%" />

</EditColumn>

</EditFormSettings>

<telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>

<telerik:GridRatingColumn DataField="Rating" HeaderText="Rating">

</telerik:GridRatingColumn>

<telerik:GridAttachmentColumn MaxFileSize="1048576" EditFormHeaderTextFormat="Upload File:"

HeaderText="Download" AttachmentDataField="BinaryData" FileNameTextField="AttachmentFile"

DataTextField="AttachmentFile" UniqueName="AttachmentFile">

</telerik:GridAttachmentColumn>

<telerik:GridDropDownColumn UniqueName="DeptName" DataField="DeptName" ListTextField="DeptName" ListDataMember="DeptName"

SortExpression="DeptName" DropDownControlType="DropDownList" HeaderText="RadComboBox Column">

</telerik:GridDropDownColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

C#

private

DataTable BindData()

{

DataTable dt = new DataTable();

DataColumn dc = new DataColumn("Rating");

dt.Columns.Add(dc);

DataColumn dc1 = new DataColumn("AttachmentFile");

dt.Columns.Add(dc1);

DataColumn dc2 = new DataColumn("DeptName");

dt.Columns.Add(dc2);

DataRow dr = dt.NewRow();

dr[dc] = 3.5;

dr[dc1] =

"Image1";

dr[dc2] =

"HR";

dt.Rows.Add(dr);

return dt;

}

protected

void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = BindData();

}

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

GridEditManager editMan = editedItem.EditManager;

GridDropDownListColumnEditor editor = (GridDropDownListColumnEditor)(editMan.GetColumnEditor("DeptName"));

DropDownList ddList = editor.DropDownListControl;

ddList.DataSource = AssignDataSourceToDropDown();

ddList.DataTextField =

"DeptName";

ddList.DataValueField =

"DeptId";

ddList.DataBind();

}

}

private DataTable AssignDataSourceToDropDown()

{

DataTable dt = new DataTable();

DataColumn dc = new DataColumn("DeptName");

DataColumn dc1 = new DataColumn("DeptId");

dt.Columns.Add(dc);

dt.Columns.Add(dc1);

DataRow dr = dt.NewRow();

dr[dc] =

"HR";

dr[dc1] =

"1";

dt.Rows.Add(dr);

dr = dt.NewRow();

dr[dc] =

"PF";

dr[dc1] =

"2";

dt.Rows.Add(dr);

dr = dt.NewRow();

dr[dc] =

"Admin";

dr[dc1] =

"3";

dt.Rows.Add(dr);

dr = dt.NewRow();

dr[dc] =

"TTG";

dr[dc1] =

"4";

dt.Rows.Add(dr);

return dt;

}

Regards,
Sreekanth

Grid

answered on 17 Jan 2012

5 answers

145 views

Is this possible to do ?

I'm trying to achieve a different visual style within the combo box...

Notice the word "Yes" and the rest of the wording in a paler color .

Thanks

ComboBox

answered on 17 Jan 2012

3 answers

319 views

Problem with RadButton Skin

Hello,

              Recently i am working with RadButton when we apply skin to it and run it. It is not diplayed properly it is Displayed like Broken
Button, i am sending image of the button with this mail..  Pls Respond...

Button

answered on 17 Jan 2012

1 answer

128 views

Showing the time on a Timeline View

Does anyone have any idea how I might show the current time in a timeline view?

I'm not talking about the header. I have a client who wants to see a view of the day in timeline view with a marker showing the place in the day, like this.

I know it can't be done out of the box, but I was wondering if anyone out there had any ideas about how it might be achieved.

--
Stuart

Scheduler

answered on 17 Jan 2012

1 answer

55 views

Bug Report with MaxHeight

Hi All,

Just a bug report with the MaxHeight setting of the combobox. If one or more items in the combobox are multiline the MaxHeight fails, as it calculates assuming one line per item.

Not majorly urgent but means you need to manually set the 'Height' setting instead of using the recommended 'MaxHeight' setting.

Cheers,
- Will

ComboBox

answered on 17 Jan 2012

2 answers

210 views

Combobox Input Height (with Checkboxes)

Hello,

I have set the height of my combo in CSS but when I check the items in the dropdown I would like the items to be vertically aligned to the top of the INPUT and to wrap. Here is the CSS I am using (which does correctly set the height but does not align or wrap the selected items.

#ctl00_Main_LeadMgt1_comboGroupSIC .rcbInput

{

height: 40px;

white-space: normal !important;

vertical-align: top !important;

}

I also attached an image that show the selected items center aligned. If I selected one more item then the input will show "5 items checked" what I would want is for the input to wrap the 5th item and then once no more items could be displayed the "5 items checked" will display.
Thank you!

ComboBox

answered on 17 Jan 2012

7 answers

325 views

EditItemTemplate for MasterTableView

Hello,
I'm going to implement a grid's CardView feature and create a grid from server side. This is what I do:

MasterTableView.ItemTemplate = new CardViewItemTemplate(owner.ZSheet, owner.CardLayout);
MasterTableView.EditItemTemplate = new CardViewEditItemTemplate(owner.ZSheet, owner.CardLayout);

Each template is going to contain a custom control which is actually HtmlTable descendant which contains Label controls in ItemTemplate and editor controls like TextBox and so on in EditItemTemplate. Everything is clear with ItemTemplate but in EditItemTemplate I need to implement IBindableTemplate. Any ideas of how it should be done?
I would appreciate any sample of how CardView templates are created from codebehind.

Grid

answered on 17 Jan 2012

0 answers

575 views

System.Web.HttpUnhandledException

telerik ver = 2011.2.915.40 runtime = v4.0.30319

My user got this error "Exception of type 'System.Web.HttpUnhandledException' was thrown."
and this all the error

Stack Trace:
at System.Web.UI.Page.HandleError(Exception e)
at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
at System.Web.UI.Page.ProcessRequest(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
at System.Web.UI.Page.ProcessRequest()
at System.Web.UI.Page.ProcessRequestWithNoAssert(HttpContext context)
at System.Web.UI.Page.ProcessRequest(HttpContext context)
at ASP.task_aspx.ProcessRequest(HttpContext context)
at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

ToString:
System.Web.HttpUnhandledException (0x80004005): Exception of type 'System.Web.HttpUnhandledException' was thrown. ---> System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index
at System.Collections.CollectionBase.System.Collections.IList.get_Item(Int32 index)
at Telerik.Web.UI.GridGroupByExpressionCollection.get_Item(Int32 index)
at Telerik.Web.UI.GridGroupPanel.Ungroup(String index)
at Telerik.Web.UI.RadGrid.RaisePostBackEvent(String eventArgument)
at System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument)
at System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData)
at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
at System.Web.UI.Page.HandleError(Exception e)
at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
at System.Web.UI.Page.ProcessRequest(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
at System.Web.UI.Page.ProcessRequest()
at System.Web.UI.Page.ProcessRequestWithNoAssert(HttpContext context)
at System.Web.UI.Page.ProcessRequest(HttpContext context)
at ASP.task_aspx.ProcessRequest(HttpContext context)
at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

and here my grid on the page :

<telerik:RadGrid ID="RadGridTaskPanel" runat="server" GridLines="None"

AllowPaging="true" PageSize="50" AllowSorting="True" AutoGenerateColumns="false"

ShowGroupPanel="false" Width="100%" OnNeedDataSource="RadGridTaskPanel_NeedDataSource"

OnItemDataBound="RadGridTaskPanel_ItemDataBound" OnSortCommand="RadGridTaskPanel_SortCommand"

OnGroupsChanging="RadGridTaskPanel_GroupsChanging">

<PagerStyle Position="TopAndBottom" Mode="NumericPages" />

<MasterTableView CellSpacing="-1">

<EditFormSettings>

<PopUpSettings ScrollBars="None" />

</EditFormSettings>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<Columns>

<telerik:GridHyperLinkColumn DataTextFormatString="Details" UniqueName="ActionSelect"

DataTextField="FKID" DataNavigateUrlFields="URL,CurrentStep_DocApprovalStatusId"

DataNavigateUrlFormatString="{0}{1}" />

<telerik:GridBoundColumn DataField="FKId" />

<telerik:GridBoundColumn DataField="DaysAway" />

<telerik:GridBoundColumn DataField="DocType" />

<telerik:GridTemplateColumn HeaderText="Description" GroupByExpression="ShortDescription Group By ShortDescription" SortExpression="ShortDescription" UniqueName="DescriptionMerge">

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ShortDescription" />

<telerik:GridBoundColumn DataField="LongDescription" />

<telerik:GridBoundColumn DataField="CustomField1" />

<telerik:GridBoundColumn DataField="CustomField2" />

<telerik:GridBoundColumn DataField="Requestor_DisplayName" />

<telerik:GridBoundColumn DataField="Assigned_DisplayName" />

<telerik:GridBoundColumn DataField="ActionByDate" DataFormatString="{0:dd/MM/yyyy}" />

<telerik:GridBoundColumn DataField="RequestDate" />

<telerik:GridBoundColumn DataField="CurrentStep" />

<telerik:GridBoundColumn DataField="CurrentStep_DocApprovalStatusId" />

<telerik:GridBoundColumn DataField="URL" />

</Columns>

<PagerStyle AlwaysVisible="True" Position="Top" />

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

</ClientSettings>

</telerik:RadGrid>

the problem are..i can't replicate it again,any help?

Grid

asked on 17 Jan 2012

4 answers

218 views

Using UserControl in the RadCalendar DayTemplate

I tried to use the UserControl in the DayTemplate. This user control has 2 buttons inside, it subscribes to these buttons click events. The question is, how the user control knows what is the date that user selecting from the event listener ()?

With below implementation, I noticed that click event in the user control is fired before the RadCalendar1 SelectedDate is modified accordingly. Please advise.

<telerik:RadCalendar ID="RadCalendar1" runat="server" AutoPostBack="true" Skin="Special"

EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" EnableMonthYearFastNavigation="false"

DayNameFormat="Short" ShowRowHeaders="false" OnDayRender="Calendar_OnDayRender" OnPreRender="RadCalendar1_PreRender"

OnSelectionChanged="RadCalendar1_SelectionChanged"

ShowOtherMonthsDays="false" OnDefaultViewChanged="RadCalendar1_DefaultViewChanged" EnableMultiSelect="false">

<HeaderTemplate>

<asp:Image ID="HeaderImage" runat="server" Width="757" Height="94" Style="display: block" />

</HeaderTemplate>

<FooterTemplate>

<asp:Image ID="FooterImage" runat="server" Width="757" Height="70" Style="display: block" />

</FooterTemplate>

<SpecialDays>

<telerik:RadCalendarDay Date="2012/01/22" Repeatable="DayAndMonth" TemplateID="BlockedTemplate" />

<telerik:RadCalendarDay Date="2012/01/27" Repeatable="DayInMonth" TemplateID="GeneralTemplate" />

</SpecialDays>

<ClientEvents OnDayRender="OnDayRender" OnDateSelected="OnDateSelected" />

<CalendarDayTemplates>

<telerik:DayTemplate ID="BlockedTemplate" runat="server">

<Content>

<div class="rcTemplate rcDayBirthday">

Blocked!

</div>

</Content>

</telerik:DayTemplate>

<telerik:DayTemplate ID="GeneralTemplate" runat="server">

<Content>

<div class="rcTemplate rcDayMortgage">

Available!

<br />

<control:GeneralDayTemplate runat="server" ID="templateAMPM"/>

</div>

</Content>

</telerik:DayTemplate>

</CalendarDayTemplates>

</telerik:RadCalendar>

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GeneralDayTemplate.ascx.cs"

Inherits="RadWebApp.Controls.GeneralDayTemplate" %>

<asp:Button runat="server" ID="btnA" Text="A" OnClick="btnA_Click"/>

<asp:Button runat="server" ID="btnB" Text="B" OnClick="btnB_Click"/>

public partial class GeneralDayTemplate : System.Web.UI.UserControl

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btnA_Click(object sender, EventArgs e)

{

/*I need to know which date i'm selecting here????*/

}

protected void btnB_Click(object sender, EventArgs e)

{

}

Second Question: Is it possible to do data binding in the DayTemplate? something like below code (this code is not working though):

<telerik:DayTemplate ID="GeneralTemplate" runat="server">

<Content>

<div class="rcTemplate rcDayMortgage">

Available!

<br />

<control:GeneralDayTemplate runat="server" ID="templateAMPM" Date='<%# Bind("Date")%>'/>

</div>

</Content>

</telerik:DayTemplate>

Calendar

answered on 17 Jan 2012

3 answers

228 views

Itemdatabound doesnt have information when populate grid in NeedDataSource

Hi, I have a grid and I populate its datasource in the NeedDataSource event.

I requiere to modifiy a gridhyperlink column, I need to add an onclick attribute to the link column, but when I

This is the code:

<telerik:RadGrid id="grdPase" Culture="es-MX"

ShowStatusBar="true"

runat="server"

AllowPaging="true"

AllowSorting="true" AllowNaturalSort="false"

AutoGenerateColumns="false"

AllowMultiRowSelection="false"

OnItemDataBound="grdPase_ItemDataBound"

OnPreRender="grdPase_PreRender"

OnNeedDataSource="grdPase_NeedDataSource" >

<MasterTableView PageSize="15" NoDetailRecordsText="Sin Informacion" NoMasterRecordsText="Sin Informacion">

<Columns>

<telerik:GridHyperLinkColumn

DataTextFormatString="{0:d7}"

UniqueName="rowno"

DataTextField="rowno"

HeaderText="Folio" >

</telerik:GridHyperLinkColumn>

protected void grdPase_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem _item = (GridDataItem)e.Item;

HyperLink _link = (HyperLink)_item["rowno"].Controls[0];

_link.Attributes["href"] = "#";

_link.Attributes["onclick"] = String.Format("javascript:top.fnOpenWin('PopSPase','Registro de Pases','../01/e01PasePop.aspx?r={0}',true,'wndshow.png',630,550,false,true,36);return false;", _item["rowno"].Text);

/* _item["rowno"].Text has always a value instead of a numeric value */

}

protected void grdPase_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

/*here we have a lot of code for filtering, ordering the information */

sqlPase.SelectCommand = "SELECT * FROM tbl01Pase" + strFilteringOrderingInformation;

grdPase.DataSource = sqlPase;

}

How can I access in the Itemdatabound event the row information?

Thanks in advance.

Grid