
I'm creating a dinamic grid but having proble adding Ajax to it, also I need to be able to have multi select field so I was thinking about DropDown with checkbox.
I add the HTMLColumn bud it didn't work neither.
here it is.
private
void DefineGridStructure()
{
RadGrid1.ID =
"RadGrid1";
RadGrid1.Width =
Unit.Percentage(98);
RadGrid1.AllowPaging =
true;
RadGrid1.AllowSorting =
true;
RadGrid1.PagerStyle.Mode =
GridPagerMode.NumericPages;
RadGrid1.AutoGenerateColumns =
false;
//RadGrid1.EnableAJAX = true;
RadGrid1.GridLines =
GridLines.None;
RadGrid1.ShowStatusBar =
true;
RadGrid1.AllowAutomaticDeletes =
true;
RadGrid1.AllowAutomaticInserts =
true;
RadGrid1.AllowAutomaticUpdates =
true;
GridEditCommandColumn editcommandColumn;
editcommandColumn =
new GridEditCommandColumn();
RadGrid1.MasterTableView.Columns.Add(editcommandColumn);
editcommandColumn.UniqueName =
"ThiseditcommandColumn";
editcommandColumn.ButtonType =
GridButtonColumnType.ImageButton;
editcommandColumn.EditImageUrl =
"~/Images/grid/edit.gif";
editcommandColumn.HeaderText = edit;
RadGrid1.MasterTableView.DataKeyNames =
new string[] {"LibraryID", "PortalID"};
RadGrid1.MasterTableView.AutoGenerateColumns =
false;
RadGrid1.PageIndexChanged +=
new Telerik.Web.UI.GridPageChangedEventHandler(this.RadGrid1_PageIndexChanged);
RadGrid1.NeedDataSource +=
new Telerik.Web.UI.GridNeedDataSourceEventHandler(this.RadGrid1_NeedDataSource);
RadGrid1.PreRender +=
new System.EventHandler(this.RadGrid1_PreRender);
RadGrid1.ItemDataBound +=
new Telerik.Web.UI.GridItemEventHandler(this.RadGrid1_ItemDataBound);
RadGrid1.UpdateCommand +=
new GridCommandEventHandler(this.RadGrid1_UpdateCommand);
RadGrid1.InsertCommand +=
new GridCommandEventHandler(this.RadGrid1_InsertCommand);
RadGrid1.DeleteCommand +=
new GridCommandEventHandler(this.RadGrid1_DeleteCommand);
RadGrid1.MasterTableView.CommandItemDisplay =
GridCommandItemDisplay.Top;
//RadGrid1.MasterTableView.EditFormSettings.UserControlName = "~/BackOffice/Groups/Group.ascx";
RadGrid1.MasterTableView.EditFormSettings.EditFormType =
GridEditFormType.AutoGenerated;
RadGrid1.MasterTableView.EditFormSettings.EditColumn.UniqueName =
"EditCommandColumn1";
RadGrid1.MasterTableView.ExpandCollapseColumn.ButtonType =
GridExpandColumnType.ImageButton;
RadGrid1.MasterTableView.ExpandCollapseColumn.UniqueName =
"ExpandColumn";
RadGrid1.MasterTableView.ExpandCollapseColumn.Visible =
false;
GridButtonColumn buttoncolumn;
//buttoncolumn = new GridButtonColumn();
//buttoncolumn.UniqueName = "Image1";
//buttoncolumn.ButtonType = GridButtonColumnType.ImageButton;
//buttoncolumn.CommandName = "Select";
//RadGrid1.MasterTableView.Columns.Add(buttoncolumn);
string veditColumnName = "GroupID";
string vcArg = "";
int vcount = -1;
string vtype = "Image";
GridTemplateColumn veditColumn = new GridTemplateColumn();
veditColumn.ItemTemplate =
new editTemplate(veditColumnName, vcArg, vcount, vtype);
RadGrid1.MasterTableView.Columns.Add(veditColumn);
GridBoundColumn boundColumn;
boundColumn =
new GridBoundColumn();
boundColumn.DataField =
"Title";
boundColumn.HeaderText = title;
boundColumn.SortExpression =
"Title";
boundColumn.UniqueName =
"Title";
RadGrid1.MasterTableView.Columns.Add(boundColumn);
boundColumn =
new GridBoundColumn();
boundColumn.DataField =
"Description";
boundColumn.HeaderText = description;
boundColumn.SortExpression =
"Description";
boundColumn.UniqueName =
"Description";
boundColumn.MaxLength = 500;
RadGrid1.MasterTableView.Columns.Add(boundColumn);
GridDropDownColumn boundDropDown;
boundDropDown =
new GridDropDownColumn();
boundDropDown.DataField =
"Audiency";
boundDropDown.HeaderText = audiency;
boundDropDown.SortExpression =
"Audiency";
boundDropDown.UniqueName =
"Audiency";
RadGrid1.MasterTableView.Columns.Add(boundDropDown);
boundColumn =
new GridBoundColumn();
boundColumn.DataField =
"CreatedDt";
boundColumn.HeaderText = createddt;
boundColumn.SortExpression =
"CreatedDt";
boundColumn.UniqueName =
"CreatedDt";
RadGrid1.MasterTableView.Columns.Add(boundColumn);
boundColumn =
new GridBoundColumn();
boundColumn.DataField =
"UpdatedDt";
boundColumn.HeaderText = updateddt;
boundColumn.SortExpression =
"UpdatedDt";
boundColumn.UniqueName =
"UpdatedDt";
RadGrid1.MasterTableView.Columns.Add(boundColumn);
buttoncolumn =
new GridButtonColumn();
buttoncolumn.HeaderText = delete;
buttoncolumn.Text = delete;
buttoncolumn.ConfirmText = strconfirmdelete;
buttoncolumn.ButtonType =
GridButtonColumnType.ImageButton;
buttoncolumn.ImageUrl =
"~/Images/grid/delete.gif";
buttoncolumn.CommandName =
"Delete";
RadGrid1.MasterTableView.Columns.Add(buttoncolumn);
//Add the RadGrid instance to the controls
this.PlaceHolder1.Controls.Add(RadGrid1);
}

| protected void Button2_Click(object sender, ImageClickEventArgs e) | |
| { | |
| TimeSpan currentOffset = TimeZone.CurrentTimeZone.GetUtcOffset(DateTime.Now); | |
| WriteCalendar(RadScheduler.ExportToICalendar(RadScheduler1.Appointments, currentOffset)); | |
| } | |
| <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" | |
| Width="100%" HorizontalAlign="NotSet"> | |
| <telerik:RadScheduler ID="RadScheduler1" runat="server" AllowDelete="True" | |
| AllowEdit="True" AllowInsert="True" DataEndField="End" | |
| DataKeyField="ID" DataStartField="Start" DataSubjectField="Subject" | |
| FirstDayOfWeek="Sunday" LastDayOfWeek="Saturday" | |
| SelectedView="DayView" DayEndTime="18:00:00" DayStartTime="08:00:00" | |
| Height="100%" | |
| onappointmentcommand="RadScheduler1_AppointmentCommand" | |
| OnAppointmentInsert="RadScheduler1_AppointmentInsert" | |
| OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" Skin="Office2007" | |
| StartEditingInAdvancedForm="False" OverflowBehavior="Scroll" | |
| Width="100%" onappointmentdelete="RadScheduler1_AppointmentDelete"> | |
| <AppointmentTemplate> | |
| <div style="width:100%;height:100%;background:#c6d7f7 url('Images/appointmentBG2.jpg') repeat-x ;position:absolute;margin:0 0 0 0"> | |
| <b><%# Eval("Subject") %></b> | |
| </div> | |
| <div style="position:absolute;top:1px;right:15px"> | |
| <asp:ImageButton ID="Button1" runat="server" | |
| AlternateText="Export to iCalendar" CommandName="Export" | |
| ImageUrl="~/Images/exportToOutlookImage.gif" | |
| OnClientClick="Export(this, event); return false;" ImageAlign="Top" /> | |
| </div> | |
| </AppointmentTemplate> | |
| <AdvancedInsertTemplate> | |
| <div style="position: relative; width: 100%; background: #E6E6E6; height: 100%; border: 1px solid #666666;"> | |
| <table align="center" class="style1" width="100%"> | |
| <tr> | |
| <td> | |
| <table align="center" cellpadding="0" cellspacing="0" class="style1" | |
| width="100%"> | |
| <tr> | |
| <td colspan="2" style="WIDTH: 100%;"> | |
| <div style="width:100%"> | |
| <div class="blueBox" | |
| style="margin-bottom: 5px; width:100%; position: static; bottom: 0px"> | |
| <asp:LinkButton ID="InsertButton" runat="server" ValidationGroup="appointmentSubmit" CausesValidation="true" CommandName="Insert"> | |
| <asp:Image ID="insertImage" runat="server" AlternateText="insert" | |
| ImageUrl="Images/ok.gif" /> | |
| </asp:LinkButton> | |
| <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" | |
| CommandName="Cancel"> | |
| <asp:Image ID="Image2" runat="server" AlternateText="cancel" | |
| ImageUrl="Images/cancel.gif" /> | |
| </asp:LinkButton> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="center" colspan="2" width="100%"> | |
| <table class="style2" width="100%"> | |
| <tr> | |
| <td align="left" class="style6" width="100"> | |
| Subject</td> | |
| <td align="left" colspan="2"> | |
| <asp:TextBox ID="TitleTextBox" runat="server" Columns="20" Rows="1" | |
| Text='<%# Bind("Subject") %>' TextMode="SingleLine" Width="95%" ValidationGroup="appointmentSubmit"></asp:TextBox> | |
| <asp:RequiredFieldValidator | |
| ID="RequiredFieldValidator1" ControlToValidate="TitleTextBox" | |
| ValidationGroup="appointmentSubmit" EnableClientScript="true" runat="server" | |
| ErrorMessage="Please enter a subject"></asp:RequiredFieldValidator> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style3" colspan="3"> | |
| <hr /> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="left" class="style6"> | |
| Start Time</td> | |
| <td align="left" class="style5" width="220"> | |
| <telerik:RadDateTimePicker ID="StartInput" Runat="server" | |
| Culture="English (United States)" SelectedDate='<%# Bind("Start") %>' | |
| TimeView-Interval="00:30:00"> | |
| <TimeView skin="Office2007" UseAccessibleHeader="False"> | |
| </TimeView> | |
| <DateInput Width="100%"> | |
| </DateInput> | |
| <DatePopupButton CssClass="radPopupImage_Default" /> | |
| <Calendar skin="Office2007" UseColumnHeadersAsSelectors="False" | |
| UseRowHeadersAsSelectors="False"> | |
| </Calendar> | |
| <TimePopupButton CssClass="radPopupImage_Default" /> | |
| </telerik:RadDateTimePicker> | |
| </td> | |
| <td align="left"> | |
| [ ] All Day Event</td> | |
| </tr> | |
| <tr> | |
| <td align="left" class="style6"> | |
| End Time</td> | |
| <td align="left" class="style5"> | |
| <telerik:RadDateTimePicker ID="EndInput" Runat="server" | |
| Culture="English (United States)" SelectedDate='<%# Bind("End") %>' | |
| TimeView-Interval="00:30:00"> | |
| <TimeView skin="Office2007" UseAccessibleHeader="False"> | |
| </TimeView> | |
| <DateInput Width="100%"> | |
| </DateInput> | |
| <DatePopupButton CssClass="radPopupImage_Default" /> | |
| <Calendar skin="Office2007" UseColumnHeadersAsSelectors="False" | |
| UseRowHeadersAsSelectors="False"> | |
| </Calendar> | |
| <TimePopupButton CssClass="radPopupImage_Default" /> | |
| </telerik:RadDateTimePicker> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style6"> | |
| </td> | |
| <td class="style5"> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style3" colspan="3"> | |
| <hr /> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td ;="" align="center" class="style4" colspan="3" valign="middle"> | |
| Notes will go here</td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </div> | |
| </AdvancedInsertTemplate> | |
| <AdvancedEditTemplate> | |
| <div style="position: relative; width: 100%; background: #E6E6E6; height: 100%; border: 1px solid #666666;"> | |
| <table align="center" class="style1" width="100%"> | |
| <tr> | |
| <td> | |
| <table align="center" cellpadding="0" cellspacing="0" class="style1" | |
| width="100%"> | |
| <tr> | |
| <td colspan="2" style="WIDTH: 100%;"> | |
| <div style="width:100%"> | |
| <div class="blueBox" | |
| style="margin-bottom: 5px; width:100%; position: static; bottom: 0px"> | |
| <asp:LinkButton ID="InsertButton" runat="server" CommandName="Update"> | |
| <asp:Image ID="insertImage" runat="server" AlternateText="update" | |
| ImageUrl="Images/ok.gif" /> | |
| </asp:LinkButton> | |
| <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" | |
| CommandName="Cancel"> | |
| <asp:Image ID="Image2" runat="server" AlternateText="cancel" | |
| ImageUrl="Images/cancel.gif" /> | |
| </asp:LinkButton> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="center" colspan="2" width="100%"> | |
| <table class="style2" width="100%"> | |
| <tr> | |
| <td align="left" class="style6" width="100"> | |
| Subject</td> | |
| <td align="left" colspan="2"> | |
| <asp:TextBox ID="TitleTextBox" runat="server" Columns="20" Rows="1" | |
| Text='<%# Bind("Subject") %>' TextMode="SingleLine" Width="95%"></asp:TextBox> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style3" colspan="3"> | |
| <hr /> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="left" class="style6"> | |
| Start Time</td> | |
| <td align="left" class="style5" width="220"> | |
| <telerik:RadDateTimePicker ID="StartInput" Runat="server" | |
| Culture="English (United States)" SelectedDate='<%# Bind("Start") %>' | |
| TimeView-Interval="00:30:00"> | |
| <TimeView skin="Office2007" UseAccessibleHeader="False"> | |
| </TimeView> | |
| <DateInput Width="100%"> | |
| </DateInput> | |
| <DatePopupButton CssClass="radPopupImage_Default" /> | |
| <Calendar skin="Office2007" UseColumnHeadersAsSelectors="False" | |
| UseRowHeadersAsSelectors="False"> | |
| </Calendar> | |
| <TimePopupButton CssClass="radPopupImage_Default" /> | |
| </telerik:RadDateTimePicker> | |
| </td> | |
| <td align="left"> | |
| [ ] All Day Event</td> | |
| </tr> | |
| <tr> | |
| <td align="left" class="style6"> | |
| End Time</td> | |
| <td align="left" class="style5"> | |
| <telerik:RadDateTimePicker ID="EndInput" Runat="server" | |
| Culture="English (United States)" SelectedDate='<%# Bind("End") %>' | |
| TimeView-Interval="00:30:00"> | |
| <TimeView skin="Office2007" UseAccessibleHeader="False"> | |
| </TimeView> | |
| <DateInput Width="100%"> | |
| </DateInput> | |
| <DatePopupButton CssClass="radPopupImage_Default" /> | |
| <Calendar skin="Office2007" UseColumnHeadersAsSelectors="False" | |
| UseRowHeadersAsSelectors="False"> | |
| </Calendar> | |
| <TimePopupButton CssClass="radPopupImage_Default" /> | |
| </telerik:RadDateTimePicker> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style6"> | |
| </td> | |
| <td class="style5"> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style3" colspan="3"> | |
| <hr /> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td ;="" align="center" class="style4" colspan="3" valign="middle"> | |
| Notes will go here</td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </div> | |
| </AdvancedEditTemplate> | |
| </telerik:RadScheduler> | |
| </telerik:RadAjaxPanel> | |
