I am using scheduler control.
I have a dat list as follow to bind with control.
Count Type Date
2 Auto 27/01/2009
5 Manual 27/01/2009
4 Auto 28/01/2009
10 Manual 28/01/2009
1. I want to show count and Type with different bgcolor base on type.
2. I want to call dialog window when i click the day cell.
Please let me know how to change the color (or image) base on type and which event i need to use to call dialog?
One more thing i want to disable default insert, update and delete event since i just want to use this scheduler control for showing data.
Thanks,
Alex
| .rootGroup .item |
| { |
| font-family:Georgia; |
| color:#A49261; |
| } |
The control is within a table. Does that have any impact?
I am sure it is a piece of cake (when you know how)
Thanks for advice from anyone who has made this work!
Clive
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> | ||
| <%@ MasterType VirtualPath="~/Master/BlenderMaster.master" %> | ||
| <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> | ||
| <script type="text/javascript"> | ||
| function ClientResized(sender, eventArgs) | ||
| { | ||
| $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest('ChangePageSize'); | ||
| } | ||
| </script> | ||
| <div id="PageTitleHeader"> | ||
| <h1> | ||
| Function Groups | ||
| </h1> | ||
| </div> | ||
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> | ||
| <AjaxSettings> | ||
| <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> | ||
| <UpdatedControls> | ||
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> | ||
| </UpdatedControls> | ||
| </telerik:AjaxSetting> | ||
| <telerik:AjaxSetting AjaxControlID="rgFunctionGroups"> | ||
| <UpdatedControls> | ||
| <telerik:AjaxUpdatedControl ControlID="rgFunctionSpecs" LoadingPanelID="RadAjaxLoadingPanel1" /> | ||
| </UpdatedControls> | ||
| </telerik:AjaxSetting> | ||
| </AjaxSettings> | ||
| </telerik:RadAjaxManager> | ||
| <telerik:RadSplitter ID="RadSplitter1" Width="100%" Height="95%" runat="server" Orientation="Horizontal"> | ||
| <telerik:RadPane ID="gridPane" runat="server" Height="100%" OnClientResized="ClientResized" | ||
| Scrolling="None"> | ||
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" | ||
| Width="75px" Transparency="25"> | ||
| <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' | ||
| style="border: 0;" /> | ||
| </telerik:RadAjaxLoadingPanel> | ||
| <telerik:RadGrid ID="rgFunctionGroups" Skin="WebBlue" GridLines="None" runat="server" | ||
| AllowAutomaticDeletes="False" AllowAutomaticInserts="False" Height="100%" Width="100%" | ||
| AllowAutomaticUpdates="False" AllowPaging="False" AutoGenerateColumns="False" | ||
| AllowFilteringByColumn="true" AllowSorting="true" | ||
| OnNeedDataSource="rgFunctionGroups_NeedDataSource" | ||
| OnUpdateCommand="rgFunctionGroups_UpdateCommand" | ||
| OnInsertCommand="rgFunctionGroups_InsertCommand"> | ||
| <HeaderContextMenu Skin="WebBlue"> | ||
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> | ||
| </HeaderContextMenu> | ||
| <PagerStyle Mode="Slider" /> | ||
| <MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="FunctionGroupID" | ||
| HorizontalAlign="NotSet" AutoGenerateColumns="False" EditMode="InPlace"> | ||
| <Columns> | ||
| <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" | ||
| HeaderStyle-Width="25" /> | ||
| <telerik:GridTemplateColumn DataField="groupname" HeaderText="Group Name" SortExpression="groupname" | ||
| UniqueName="groupname" HeaderStyle-Width="20%"> | ||
| <ItemTemplate> | ||
| <asp:Label ID="lblGroupName" runat="server" Text='<%# Eval( "groupname") %>' /> | ||
| </ItemTemplate> | ||
| <EditItemTemplate> | ||
| <asp:TextBox ID="txtGroupName" runat="server" Text='<%# Eval( "groupname") %>' Width="95%" /> | ||
| </EditItemTemplate> | ||
| </telerik:GridTemplateColumn> | ||
| <telerik:GridTemplateColumn DataField="description" HeaderText="Description" SortExpression="description" | ||
| UniqueName="description" HeaderStyle-Width="70%"> | ||
| <ItemTemplate> | ||
| <asp:Label ID="lblDescription" runat="server" Text='<%# Eval( "description") %>' /> | ||
| </ItemTemplate> | ||
| <EditItemTemplate> | ||
| <asp:TextBox ID="txtDescription" runat="server" Text='<%# Eval( "description") %>' | ||
| Width="95%" /> | ||
| </EditItemTemplate> | ||
| </telerik:GridTemplateColumn> | ||
| </Columns> | ||
| </MasterTableView> | ||
| <ClientSettings> | ||
| <Scrolling AllowScroll="True" UseStaticHeaders="True" /> | ||
| </ClientSettings> | ||
| <FilterMenu Skin="WebBlue"> | ||
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> | ||
| </FilterMenu> | ||
| </telerik:RadGrid> | ||
| </telerik:RadPane> | ||
| </telerik:RadSplitter> | ||
| </asp:Content> | ||
| <%@ Page Language="C#" MasterPageFile="~/Master/BlenderMaster.master" AutoEventWireup="true" | |
| CodeFile="FunctionSpecs.aspx.cs" Inherits="DevTools_FunctionSpecs" Title="Function Specifications" %> | |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> | |
| <%@ MasterType VirtualPath="~/Master/BlenderMaster.master" %> | |
| <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> | |
| <script type="text/javascript"> | |
| function ClientResized(sender, eventArgs) | |
| { | |
| $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest('ChangePageSize'); | |
| } | |
| </script> | |
| <div id="PageTitleHeader"> | |
| <h1> | |
| Function Specifications | |
| </h1> | |
| </div> | |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> | |
| <AjaxSettings> | |
| <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> | |
| <UpdatedControls> | |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> | |
| </UpdatedControls> | |
| </telerik:AjaxSetting> | |
| <telerik:AjaxSetting AjaxControlID="rgFunctionSpecs"> | |
| <UpdatedControls> | |
| <telerik:AjaxUpdatedControl ControlID="rgFunctionSpecs" LoadingPanelID="RadAjaxLoadingPanel1" /> | |
| </UpdatedControls> | |
| </telerik:AjaxSetting> | |
| </AjaxSettings> | |
| </telerik:RadAjaxManager> | |
| <telerik:RadSplitter ID="RadSplitter1" Width="100%" Height="95%" runat="server" Orientation="Horizontal"> | |
| <telerik:RadPane ID="gridPane" runat="server" Height="100%" OnClientResized="ClientResized" | |
| Scrolling="None"> | |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" | |
| Width="75px" Transparency="25"> | |
| <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' | |
| style="border: 0;" /> | |
| </telerik:RadAjaxLoadingPanel> | |
| <telerik:RadGrid ID="rgFunctionSpecs" Skin="WebBlue" GridLines="None" runat="server" | |
| AllowAutomaticDeletes="False" AllowAutomaticInserts="False" Height="100%" Width="100%" | |
| AllowAutomaticUpdates="False" AllowPaging="False" AutoGenerateColumns="False" | |
| AllowFilteringByColumn="true" AllowSorting="true" | |
| OnNeedDataSource="rgFunctionSpecs_NeedDataSource" | |
| OnUpdateCommand="rgFunctionSpecs_UpdateCommand" | |
| OnItemDataBound="rgFunctionSpecs_ItemDataBound" | |
| > | |
| <HeaderContextMenu Skin="WebBlue"> | |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> | |
| </HeaderContextMenu> | |
| <PagerStyle Mode="Slider" /> | |
| <MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="FunctionSpecID" | |
| HorizontalAlign="NotSet" AutoGenerateColumns="False" EditMode="InPlace"> | |
| <Columns> | |
| <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" | |
| HeaderStyle-Width="25" /> | |
| <telerik:GridDropDownColumn DataField="FunctionGroupId" HeaderText="Function Group" | |
| SortExpression="FunctionGroupId" UniqueName="FunctionGroupId" HeaderStyle-Width="15%" | |
| ListTextField="GroupName" ListValueField="FunctionGroupId" /> | |
| <telerik:GridBoundColumn DataField="displayname" HeaderText="Display Name" SortExpression="displayname" | |
| UniqueName="displayname" HeaderStyle-Width="15%" /> | |
| <telerik:GridBoundColumn DataField="description" HeaderText="Description" SortExpression="description" | |
| UniqueName="description" HeaderStyle-Width="65%" /> | |
| <telerik:GridBoundColumn DataField="exceptions" HeaderText="Exceptions" Display="false" | |
| SortExpression="exceptions" UniqueName="exceptions" /> | |
| <telerik:GridBoundColumn DataField="functionkey" HeaderText="functionkey" Display="false" | |
| SortExpression="functionkey" UniqueName="functionkey" /> | |
| <telerik:GridBoundColumn DataField="requestparams" HeaderText="requestparams" Display="false" | |
| SortExpression="requestparams" UniqueName="requestparams" /> | |
| <telerik:GridBoundColumn DataField="result" HeaderText="result" Display="false" SortExpression="result" | |
| UniqueName="result" /> | |
| <telerik:GridBoundColumn DataField="resultdata" HeaderText="resultdata" Display="false" | |
| SortExpression="resultdata" UniqueName="resultdata" /> | |
| <telerik:GridBoundColumn DataField="url" HeaderText="url" Display="false" SortExpression="url" | |
| UniqueName="url" /> | |
| <telerik:GridCheckBoxColumn DataField="iscompleted" HeaderText="Completed" Display="false" | |
| SortExpression="iscompleted" UniqueName="iscompleted" EditFormColumnIndex="1" /> | |
| </Columns> | |
| </MasterTableView> | |
| <ClientSettings> | |
| <Scrolling AllowScroll="True" UseStaticHeaders="True" /> | |
| </ClientSettings> | |
| <FilterMenu Skin="WebBlue"> | |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> | |
| </FilterMenu> | |
| </telerik:RadGrid> | |
| </telerik:RadPane> | |
| </telerik:RadSplitter> | |
| </asp:Content> | |
