Calendar demo

Source of: Hyperlinks.aspx

<script runat="server">

</script>

    <script language="javascript">
    
    function dt() {
        return SchObj.get_ClickedDateTime().getTime();
    }
    
    function row() {
        if (SchObj.get_ClickedRow()==null)
            return "NULL";
        return SchObj.get_ClickedRow().get_ResourceID();
    }
    
    function column() {
        if (SchObj.get_ClickedColumn()==null)
            return "NULL";
        return SchObj.get_ClickedColumn().get_Text();
    }
    
    function item() {
        if (SchObj.get_ClickedItem()==null)
            return "NULL";
        return SchObj.get_ClickedItem().get_ItemID();
    }
    
    </script>
    <table width="100%">
        <tr>
            <td valign="top" width="1">
                <gos:Scheduler ID="Sch" runat="server" Height="293px" Width="601px" BackColor="WhiteSmoke"
                    Caption="Make hyperlinks from scheduler" Font-Names="Verdana" Font-Size="Small" FreeDateColor="LightCoral"
                    FreeTimeColor="Khaki" HorizontalHeaderLine="1px Black Solid" HorizontalLine="1px Silver Solid"
                    VerticalLine0="2px Silver Solid" VerticalLine1="1px Silver Solid" VerticalResourceLine="1px Silver Solid"
                    ObjectID="SchObj" LinkLine="1px Black Solid" BehaviorOptions="AllowOverlapItems, Default">
                    <Columns>
                        <gos:ResourceColumn Text="Caption">
                        </gos:ResourceColumn>
                    </Columns>
                    <BodyStyle BackColor="LemonChiffon">
                        <EventDblClick PostBackUrl="~/Demo/WebScheduler/ShowHref.aspx?mode=body&amp;dt={dt()}&amp;row={row()}" />
                    </BodyStyle>
                    <TimeLineStyle Font-Size="X-Small" ResourceImage="Gray">
                        <EventDblClick PostBackUrl="~/Demo/WebScheduler/ShowHref.aspx?mode=timeline&amp;dt={dt()}" />
                    </TimeLineStyle>
                    <CaptionStyle HorizontalAlign="Center" ResourceImage="Blue">
                        <EventDblClick PostBackUrl="~/Demo/WebScheduler/ShowHref.aspx?mode=caption" />
                    </CaptionStyle>
                    <ResourceListStyle BackColor="Snow">
                        <EventDblClick PostBackUrl="~/Demo/WebScheduler/ShowHref.aspx?mode=resourcelist&amp;column={column()}&amp;row={row()}" />
                    </ResourceListStyle>
                    <ResourceHeaderStyle BackColor="#D5E1FF">
                        <EventDblClick PostBackUrl="~/Demo/WebScheduler/ShowHref.aspx?mode=resourceheader&amp;column={column()}" />
                    </ResourceHeaderStyle>
                    <DefaultItemStyle>
                        <EventDblClick PostBackUrl="~/Demo/WebScheduler/ShowHref.aspx?mode=item&amp;item={item()}" />
                    </DefaultItemStyle>
                </gos:Scheduler>
            </td>
            <td valign="top">
                Try double clicking on different elements of a control. 
                This will open new pages, hyperlinks point to. <br />
                <br />
                Additional information will be passed in a request to
                 a newly opened page.
                To build a request string a JavaScript function can be used. </td>
        </tr>
    </table>
    <span style="font-size: 8pt">A scheduler control has many areas, hyperlinks can be 
    assigned to. 
        A way these pages are displayed and area-related events are defined by 
        <em>Sch.XxxxStyle</em> properties corresponding to these areas. 
        For example a <em>BodyStyle</em> corresponds to main scheduler grid, 
        <em>DefaultItemStyle</em> corresponds to <em>SchedulerItem</em> objects displayed on 
        it, and <em>ResourceListStyle</em> to a list (tree) of resources in a 
        left part of a control. 
        <br />
        In these objects there are <em>EventClick</em> and <em>EventDblClick</em> 
        properties determining behavior after this area is clicked or double clicked. 
        In following <em>PostBackUrl</em> and <em>PostBackTarget</em> properties you 
        can define a page to be opened after a mouse button is clicked. <br />
        For example a <em>Sch.ResourceHeaderStyle.EventClick.PostBackUrl</em> 
        property determines a page to be opened after a header of 
        resource objects list is clicked. 
        <em>Sch.DefaultItemStyle.EventDblClick.PostBackUrl</em> property defines a 
        page opened after an item object on a grid is double clicked. <br />
        <em>PostBackTarget</em> property allows to define where a page is to be opened. 
        "_blank" means a new browser window.<br />
        Frequently it is necessary to precisely determine an area of a 
        scheduler control clicked. 
        E.x. what exactly <em>SchedulerItem</em> object a new page is to be opened for.   
        This information should be embedded in a request. 
        This can be done using <em>ClickedItem</em>, <em>ClickedRow</em>, 
        <em>ClickedColumn</em> and <em>ClickedDateTime</em> properties locating a 
        place clicked. <br />
        An address of a HTML page assigned to a <em>PostBackUrl</em> property can 
        contain additional <strong>JavaScript</strong> code calculating some 
        elements of this address. 
        This code should be enclosed in { and }.
        <br />
        Setting a <em>PostBackUrl</em> property to a 
        <em>"~/Demo/WebScheduler/ShowHref.aspx?item={SchObj.get_ClickedItem().get_ItemID()}"</em> 
        value means that there will be a parameter item containing an identifier of a 
        <em>SchedulerItem.ItemID</em> object clicked in an address of a page to be opened.</span>