Questions on UI for ASP.NET AJAX Forum

2 answers

255 views

Passing the DataKeyValue to a link button in the CommandItemTemplate

I have a grid with three nested levels

the tables are as follows:

Forms
Form Sections
Form Items

You can have many sections within a form and many items within a form section. I am using a radwindow to edit and add items from this grid. In the command Item Template I have a Link buttons that allow me to enter new records, but i am having trouble getting the datakeyvalue when it comes to the add new buttons.

Heres my grid code:

<telerik:RadGrid ID="RadGrid1" DataSourceID="DSForms" runat="server" ShowStatusBar="true" AutoGenerateColumns="False" PageSize="30" AllowSorting="True" AllowMultiRowSelection="False"

AllowPaging="True" GridLines="None" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" OnDeleteCommand="RadGrid1_DeleteCommand">

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

<MasterTableView DataSourceID="DSForms" DataKeyNames="Form_ID" AllowMultiColumnSorting="True" Width="100%" CommandItemDisplay="Top" CommandItemSettings-RefreshImageUrl="~/images/refresh.gif" CommandItemSettings-RefreshText="Refresh" CommandItemSettings-AddNewRecordText="Add Form" Name="Forms">

<DetailTables>

<telerik:GridTableView DataKeyNames="FormSection_ID, Form_ID" DataSourceID="DSFormSections" Width="100%" runat="server" CommandItemDisplay="Top" Name="FormItems">

<CommandItemTemplate>

<asp:HyperLink ID="AddSectionLink" runat="server" Text="Add Section"></asp:HyperLink>

</CommandItemTemplate>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="Form_ID" MasterKeyField="Form_ID" />

</ParentTableRelation>

<DetailTables>

<telerik:GridTableView DataKeyNames="FormSection_ID,FormItem_ID" DataSourceID="DSFormItems" CommandItemDisplay="Top" Width="100%" runat="server">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="FormSection_ID" MasterKeyField="FormSection_ID" />

</ParentTableRelation>

<AlternatingItemStyle BackColor="LightCyan" />

<CommandItemTemplate>

<asp:HyperLink ID="AddFormItemLink" runat="server" Text="Add Item"></asp:HyperLink>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn SortExpression="FormItem_Question" HeaderText="Question" HeaderButtonType="TextButton"

DataField="FormItem_Question" UniqueName="FormItem_Question">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="FormItem_QuestionValues" HeaderText="FormItem_QuestionValues" HeaderButtonType="TextButton"

DataField="FormItem_QuestionValues" Visible="false" UniqueName="FormItem_QuestionValues">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="FormItem_Type" HeaderText="FormItem_Type" HeaderButtonType="TextButton"

DataField="FormItem_Type" Visible="false" UniqueName="FormItem_Type">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="FormItem_Grid" HeaderText="FormItem_Grid" HeaderButtonType="TextButton"

DataField="FormItem_Grid" Visible="false" UniqueName="FormItem_Grid">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Form Item?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn2">

<HeaderStyle Width="20px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" ItemStyle-Width="20px">

<ItemTemplate>

<asp:HyperLink ID="EditItemLink" runat="server"><img src="/images/edit.gif" alt="Edit" border="0" /></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="FormItem_Sort" SortOrder="Descending"></telerik:GridSortExpression>

</SortExpressions>

</telerik:GridTableView>

</DetailTables>

<AlternatingItemStyle BackColor="AliceBlue" />

<Columns>

<telerik:GridBoundColumn SortExpression="FormSection_ID" HeaderText="ID" HeaderButtonType="TextButton"

DataField="FormSection_ID" UniqueName="FormSection_ID" ReadOnly="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="FormSection_Title" ReadOnly="true" HeaderText="Section" Visible="true" HeaderButtonType="TextButton"

DataField="FormSection_Title" UniqueName="FormSection_Title">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Form Section Item?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn2">

<HeaderStyle Width="20px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" ItemStyle-Width="20px">

<ItemTemplate>

<asp:HyperLink ID="EditSectionLink" runat="server"><img src="/images/edit.gif" alt="Edit" border="0" /></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="FormSection_Sort"></telerik:GridSortExpression>

</SortExpressions>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table id="tblitems" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none"

style="border-collapse: collapse; background: white;">

<tr>

<td>

<table id="Table3" cellspacing="1" cellpadding="1" width="250" border="0" class="module">

<tr><td colspan="2"></td></tr>

</table>

</td>

</tr>

<tr>

<td align="right">

<asp:Button ID="btnUpdate" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'

runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'>

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"><HeaderStyle Width="20px" /></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn SortExpression="Form_ID" HeaderText="Form_ID" ItemStyle-Width="30px" HeaderButtonType="TextButton" DataField="Form_ID" UniqueName="Form_ID" Visible="false" ReadOnly="true" />

<telerik:GridBoundColumn SortExpression="Form_Title" HeaderText="Form" ItemStyle-Width="300px" HeaderButtonType="TextButton" DataField="Form_Title" UniqueName="Form_Title" />

<telerik:GridButtonColumn ConfirmText="Delete this Form?" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"><HeaderStyle Width="20px" /><ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /></telerik:GridButtonColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="Form_Title" SortOrder="Descending"></telerik:GridSortExpression>

</SortExpressions>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none" style="border-collapse: collapse; background: white;">

<tr>

<td>

<table id="Table3" cellspacing="1" cellpadding="1" border="0">

<tr><td colspan="2"></td></tr>

<tr>

<td>Form Name: </td>

<td><asp:TextBox ID="TextBox7" Width="350px" runat="server" Text='<%# Bind( "Form_Title" ) %>'></asp:TextBox></td>

</tr>

<tr><td colspan="2"></td></tr>

</table>

</td>

</tr>

<tr>

<td align="right">

<asp:Button ID="btnUpdate" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'

runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'>

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

And here is some of my code behind where I am trying to assign the rad window code to the buttons, the edit code works fine just not the add new buttons:

Protected Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemCreated

If e.Item.OwnerTableView.DataSourceID = "DSFormSections" Then

If TypeOf e.Item Is GridDataItem Then

Dim EditSectionLink As HyperLink = DirectCast(e.Item.FindControl("EditSectionLink"), HyperLink)

EditSectionLink.Attributes("href") = "#"

EditSectionLink.Attributes("onclick") = [String].Format("return ShowEditForm('{0}','{1}');", e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("FormSection_ID"), e.Item.ItemIndex)

End If

If e.Item.OwnerTableView.DataSourceID = "DSFormItems" Then

If TypeOf e.Item Is GridDataItem Then

Dim EditItemLink As HyperLink = DirectCast(e.Item.FindControl("EditItemLink"), HyperLink)

EditItemLink.Attributes("href") = "#"

EditItemLink.Attributes("onclick") = [String].Format("return ShowEditItemForm('{0}','{1}');", e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("FormItem_ID"), e.Item.ItemIndex)

End If

If e.Item.OwnerTableView.DataSourceID = "DSFormSections" Then

If TypeOf e.Item Is GridCommandItem Then

Dim AddSectionLink As HyperLink = DirectCast(e.Item.FindControl("AddSectionLink"), HyperLink)

AddSectionLink.Attributes("href") = "#"

AddSectionLink.Attributes("onclick") = "return ShowInsertForm();"

End If

If e.Item.OwnerTableView.DataSourceID = "DSFormItems" Then

If TypeOf e.Item Is GridCommandItem Then

Dim AddFormItemLink As HyperLink = DirectCast(e.Item.FindControl("AddFormItemLink"), HyperLink)

AddFormItemLink.Attributes("href") = "#"

AddFormItemLink.Attributes("onclick") = "return ShowInsertItemForm();"

End If

End Sub

Any ideas what i am doing wrong in the RadGrid1_ItemCreated as the e.item.itemindex is -1 for the add new items.

Grid

answered on 06 Apr 2011

2 answers

74 views

RadAsyncUpload is not working in Opera 11.10

I'm using version 2011.1.329.35 ,

the RadAsyncUpload is working fine in other browsers (IE,Firefox,etc..),

but it not working in Opera 11.10

strange thing, I' have tested your demo site, that's fine. no any problem.

but in my project, is always show the error tip (red image mark, not green).

am I missing something?

does any one can tell me what I need change?

thanks .

AsyncUpload

answered on 06 Apr 2011

1 answer

133 views

Image dialog

Hi I'm using RadEditor and the modal popup ImageManager. I'm finding that the image manager is loading too far to the right. Is there a way to set this so that when the image manager pops up it will be in the top left?

Thanks!
Devin

Editor

answered on 06 Apr 2011

10 answers

741 views

RadPageViewCollection must contain RadPageView objects

I've recently migrated one of my web forms from VS2005 and Telerik Q3 2008 to VS2010 and Telerik Q2 2010. The form contains a RadMultiPage with (12) RadPageView objects. I get the following error when I try to browse this web form. I can build the page without any errors and can view the multipage\pageviews successfully in design view, so I'm not sure what causes this error.

Any assistance would be greatly appreciated.

RadPageViewCollection must contain RadPageView objects

General Discussions

answered on 06 Apr 2011

3 answers

82 views

inheriting toolbar doesnt work

I am inheriting RADtoolbar in my own class and its not working. Any advice ? Other controls like radgrid are working fine.

ToolBar

answered on 06 Apr 2011

3 answers

118 views

[Solved] Simple Sorting

Is it possible to just enable sorting on the grid and then allow the users to sort the data in the grid, without having to add any code, behind the scenes?

Grid

answered on 06 Apr 2011

3 answers

141 views

How do I get the clicked date server side when EnableMultiSelect=true?

I have a calendar that has EnableMultiSelect=true. The user is now able to select one or multiple dates on the calendar. On the server side I need to know the date that user clicks if he is selecting one at a time. Currently the selected date property seems to be good only for single selection mode. The selecteddates property for the multiselectionmode has all the selected dates which does not help me. I need to know the date the user clicked on when the calendar is in multiselection mode. The focused date does not seem to hold the correct value either.

Thanks,
Vithiya

Calendar

answered on 06 Apr 2011

3 answers

118 views

Grouping columns

Hi,

I want to use Scheduler for resource availability, The way I want to show the scheduler is
On header, I want to show dates and sub level number of hours for each day
On side, I want work orders followed by employers mapped to each work order

		10/01/2010			11/01/2010
		9am	12pm	3pm	9am	12pm	3pm
Work Order 1	Employee1
	Employee2
	Employee3
Work Order 2	Employee1
	Employee5
	Employee6

Can anyone suggest, is it possible, If so please explain how to do.

Thank you.

Scheduler

answered on 06 Apr 2011

3 answers

248 views

Dropdownlist filter with filtered datasource

I'm trying to implement a RadGrid with a dropdownlist filter column much like the demos provided on this site. The only difference is when I databind the grid I get only a filtered page of data from the database. So I don't really need the dropdownlist to do any actual filtering of the grid, just trigger the rebind of the grid so it checks the filter values and gets an appropriate page of data from the database.

Here's my custom filter column:

public class FilteringByDropDownBoundColumn : GridBoundColumn

{

private object listDataSource = null;

private Unit filterControlWidth = Unit.Percentage(90); // default

private string filterTextField = "Text";

private string filterValueField = "Value";

public string FilterTextField

{

get { return filterTextField; }

set { filterTextField = value; }

}

public string FilterValueField

{

get { return filterValueField; }

set { filterValueField = value; }

}

protected override void SetupFilterControls(TableCell cell)

{

base.SetupFilterControls(cell);

Control oldFilter = cell.Controls[0];

cell.Controls.RemoveAt(0);

DropDownList list = new DropDownList();

list.ID = "list" + DataField;

list.AutoPostBack = true;

list.SelectedIndexChanged += new EventHandler(list_SelectedIndexChanged);

list.DataTextField = FilterTextField;

list.DataValueField = FilterValueField;

list.DataSource = ListDataSource;

list.Width = FilterControlWidth;

list.Height = Unit.Pixel(20);

list.EnableViewState = true;

list.Attributes.Add("style", "font-size:.9em");

cell.Controls.AddAt(0, list);

cell.Controls.RemoveAt(1);

}

void list_SelectedIndexChanged(object sender, EventArgs e)

{

GridFilteringItem filterItem = (sender as DropDownList).NamingContainer as GridFilteringItem;

filterItem.FireCommandEvent("Filter", new Pair());

}

public new Unit FilterControlWidth

{

get

{

return (Unit)filterControlWidth;

}

set

{

filterControlWidth = value;

}

public object ListDataSource

{

get { return listDataSource; }

set { listDataSource = value; }

}

protected override void SetCurrentFilterValueToControl(TableCell cell)

{

base.SetCurrentFilterValueToControl(cell);

DropDownList list = (DropDownList)cell.Controls[0];

if (CurrentFilterValue != string.Empty)

{

list.SelectedValue = CurrentFilterValue;

}

protected override string GetCurrentFilterValueFromControl(TableCell cell)

{

DropDownList list = (DropDownList)cell.Controls[0];

return list.SelectedValue;

}

protected override string GetFilterDataField()

{

return FilterValueField;

}

Here's my aspx code-behind:

protected override void OnInit(EventArgs e)

{

InitializeComponent();

base.OnInit(e);

}

private void InitializeComponent()

{

SetupTabs();

SetupFilters(NeedsActionAccountsGrid);

}

private void DataBindGrid(string view, RadGrid grid)

{

if (grid != null && !string.IsNullOrEmpty(view))

{

QueueViewType viewType = (QueueViewType)(Enum.Parse(typeof(QueueViewType), view));

Rep rep = LoggedInUser;

DateTime? LastModifiedBeginDate = null;

DateTime? LastModifiedEndDate = null;

DateCriteria.SetDate(ref LastModifiedBeginDate, ref LastModifiedEndDate, GetLastModifiedDateCriteria(grid));

List<AccountQueueRecord> datasource = AccountQueueLogic.GetAccountsQueueItems(rep,

viewType,

LastModifiedBeginDate,

LastModifiedEndDate,

GetRegistrationTypeID(grid),

grid.PageSize,

grid.CurrentPageIndex);

grid.DataSource = datasource;

grid.DataBind();

}

private string GetRegistrationTypeID(RadGrid grid)

{

string RegistrationTypeID = null;

FilteringByDropDownBoundColumn col = grid.Columns.FindByDataFieldSafe("Registration") as FilteringByDropDownBoundColumn;

if (col != null && col.CurrentFilterValue != "All")

RegistrationTypeID = col.CurrentFilterValue;

return RegistrationTypeID;

}

private void SetupFilters(RadGrid grid)

{

if (grid == null)

return;

LookupTypeService lookupService = new LookupTypeService();

FilteringByDropDownBoundColumn col = grid.Columns.FindByDataFieldSafe("Registration") as FilteringByDropDownBoundColumn;

if (col != null)

{

List<RegistrationType> list = new List<RegistrationType>();

list.Add(new RegistrationType() { Display = "All", Code = "All" });

list.AddRange(lookupService.GetAllEnabled(LookupTypeEnum.RegistrationType).Cast<RegistrationType>().ToList());

col.ListDataSource = list;

col.FilterTextField = "Display";

col.FilterValueField = "Code";

}

protected void GridAccountQueue_ItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.FilterCommandName)

{

e.Canceled = true;

RadGrid grid = (RadGrid)source;

grid.MasterTableView.FilterExpression = ""; // clear this since we're providing a filtered datasource

string viewID = "";

string gridID = grid.ID;

switch (gridID)

{

case "NeedsActionAccountsGrid":

case "NeedsActionProposalsGrid":

viewID = NeedsActionTabs.SelectedTab.SelectedTab.Value; // go to second level of tabs

break;

}

DataBindGrid(viewID, grid);

}

And here's my grid declaration:

<telerik:RadGrid ID="NeedsActionAccountsGrid" runat="server" OnItemCommand = "GridAccountQueue_ItemCommand"

OnSortCommand="GridAccountQueue_SortCommand"

OnPageSizeChanged="GridAccountQueue_PageSizeChanged"

OnPageIndexChanged="GridAccountQueue_PageIndexChanged"

AutoGenerateColumns="false" PageSize="10" ShowStatusBar="true" AllowSorting="true"

AllowPaging="true" AllowCustomPaging="true" Skin="Simple" AllowFilteringByColumn="true">

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"/>

<StatusBarSettings LoadingText="Loading..." />

<MasterTableView HeaderStyle-BackColor="Gray" HeaderStyle-ForeColor="White" EnableColumnsViewState="true" TableLayout="Auto">

<SortExpressions>

<telerik:GridSortExpression FieldName="LastModified" SortOrder="Descending" />

</SortExpressions>

<Columns>

<telerik:GridHyperLinkColumn AllowFiltering="false" HeaderText="AC ID" DataTextField="AccountID" DataNavigateUrlFields="AccountID" DataNavigateUrlFormatString="/Administratin/AccountSummary.aspx?id={0}" HeaderStyle-Width="5%" ItemStyle-Width="5%" ItemStyle-CssClass="AccountLink" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridHyperLinkColumn>

<custom:FilteringByDropDownBoundColumn HeaderText="Rep code" DataField="RepCode" HeaderStyle-Width="6%" ItemStyle-Width="6%" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></custom:FilteringByDropDownBoundColumn>

<custom:FilteringByDropDownBoundColumn HeaderText="Registration" HeaderAbbr="Reg." DataField="Registration" HeaderStyle-Width="10%" ItemStyle-Width="10%"></custom:FilteringByDropDownBoundColumn>

<custom:FilteringByDropDownBoundColumn HeaderText="Platform" DataField="Platform" HeaderStyle-Width="12%" ItemStyle-Width="12%"></custom:FilteringByDropDownBoundColumn>

<custom:FilteringByDropDownBoundColumn HeaderText="Product Type" HeaderAbbr="Prod. Type" DataField="ProductType" HeaderStyle-Width="12%" ItemStyle-Width="12%"></custom:FilteringByDropDownBoundColumn>

<telerik:GridBoundColumn HeaderText="Account Holders" HeaderAbbr="Acct. Holders" DataField="AccountHolders" FilterControlWidth="90%" AutoPostBackOnFilter="false"></telerik:GridBoundColumn>

<custom:FilteringByDropDownBoundColumn HeaderText="Last Modified" HeaderAbbr="Last Mod." DataField="LastModified" DataFormatString="{0:M/dd/yyyy h:mm tt}" HeaderStyle-Width="13%" ItemStyle-Width="13%"></custom:FilteringByDropDownBoundColumn>

<telerik:GridBoundColumn AllowFiltering="false" HeaderText="Status" DataField="Status" HeaderStyle-Width="15%" ItemStyle-Width="15%" ></telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" HeaderText="Notes" HeaderStyle-Width="4%" ItemStyle-Width="4%" ImageUrl="../Images/grid/icon_attachment.gif" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridButtonColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" HeaderText="Docs" HeaderStyle-Width="4%" ItemStyle-Width="4%" ImageUrl="../Images/grid/icon_attachment.gif" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Resizing AllowColumnResize="true" />

</ClientSettings>

</telerik:RadGrid>

A couple things are happening. CurrentFilterValue is never set. I'm assuming because I call e.Canceled = true. The dropdownlists also are not saving the user selection on postbacks (also because I cancel the event?)

Any ideas?

Chris

Grid

answered on 06 Apr 2011

1 answer

99 views

Styles drop down box in Rad Editor

Hi,

Is there any way to increase the width of the drop dwon box poulated, because the the style names render are not fully visible to the users. Please see the attached image for more details.

Also want to customize the editor to have only selective icons/buttons int it.

Thanks & Regards,
Jagadish

WebParts for SharePoint

answered on 06 Apr 2011