Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
160
WebDataGrid with jquery calendar in the template?
posted

I've got a WebDataGrid, and I've set up an editing template for it.  In the editing template, I want to put a calendar next to date fields.  I've used this before in other projects that do NOT have any Infragistics controls, so I know the calendar works.  If anyone could help, I'd appreciate it.

Here's a scaled down version of what I have:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="True" CodeBehind="frmViewLoadHistory.aspx.cs" Inherits="PBR.ViewLoadHistory" %>

<%@ Register Assembly="Infragistics4.Web.v12.2, Version=12.2.20122.1007, Culture=neutral, PublicKeyToken=**I think I should hide this... **"
    Namespace="Infragistics.Web.UI.GridControls" TagPrefix="ig" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="stylesheet" href="../Styles/ui.all.css" type="text/css" media="screen" />
 <script type="text/javascript" src="../Scripts/jquery.min.js"></script>
 <script type="text/javascript" src="../Scripts/jquery-ui.min.js"></script>
<%-- This is the script for the calendar.  It requires the above jquery scripts and css file, as well
        as the image referenced below  --%>
    <script type="text/javascript">
        $(function () {
            $('input').filter('.datepicker').datepicker({
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: '../Images/Calendar2.png',
                changeMonth: true,
                changeYear: true
            });
        });
  </script>

    <style type="text/css">
        .style1
        {
            margin-right: 308px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Export"
        Width="72px" />
    <br />
    <div id="divGrid" style='position:absolute; width:920px; height:400px; overflow:auto'>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <ig:WebDataGrid ID="DataGrid_Roster" runat="server" Height="347px"
            Width="920px" AutoGenerateColumns="False" CssClass="style1"
            DataSourceID="tblRoster" DefaultColumnWidth="42px">
            <Columns>
                <ig:BoundDataField DataFieldName="EE_Name" Key="EE_Name" Width="160px">
                    <Header Text="EE_Name" />
                </ig:BoundDataField>
                <ig:BoundDataField DataFieldName="EEID" Key="EEID" Width="60px">
                    <Header Text="EEID" />
                </ig:BoundDataField>
                <ig:BoundDataField DataFieldName="Mgr_Name" Key="Mgr_Name" Width="160px">
                    <Header Text="Mgr Name" />
                </ig:BoundDataField>
            </Columns>
            <EditorProviders>
                <ig:TextBoxProvider ID="DataGrid_Roster_TextBoxProvider1">
                    <EditorControl ClientIDMode="Predictable"></EditorControl>
                </ig:TextBoxProvider>
                <ig:DropDownProvider ID="DataGrid_Roster_DropDownProvider1">
                    <EditorControl ClientIDMode="Predictable" DropDownContainerMaxHeight="200px"
                        EnableAnimations="False" EnableDropDownAsChild="False">
                    </EditorControl>
                </ig:DropDownProvider>
                <ig:BoundDataField DataFieldName="Time_Stamp" Key="Time_Stamp" Width="110px">
                    <Header Text="Time Stamp" />
                </ig:BoundDataField>               
            </EditorProviders>
            <Behaviors>
                <ig:ColumnFixing>
                </ig:ColumnFixing>
                <ig:Paging PageSize="10">
                </ig:Paging>
                <ig:EditingCore>
                    <Behaviors>
                        <ig:RowEditingTemplate CancelButton="buttonCancel" OKButton="buttonOK">
                            <ClientBindings>
                                <ig:RowEditingClientBinding ColumnKey="EE_Name" ControlID="control_EE_Name"
                                    GetValueJavaScript="$get({ClientID}).value"
                                    SetValueJavaScript="$get({ClientID}).value={value} == null ? '' : {value}" />
                                <ig:RowEditingClientBinding ColumnKey="EEID" ControlID="control_EEID"
                                    GetValueJavaScript="$get({ClientID}).value"
                                    SetValueJavaScript="$get({ClientID}).value={value} == null ? '' : {value}" />
                                <ig:RowEditingClientBinding ColumnKey="Mgr_Name" ControlID="control_Mgr_Name"
                                    GetValueJavaScript="$get({ClientID}).value"
                                    SetValueJavaScript="$get({ClientID}).value={value} == null ? '' : {value}" />
                                <ig:RowEditingClientBinding ColumnKey="Time_Stamp"
                                    ControlID="control_Time_Stamp" GetValueJavaScript="$get({ClientID}).value" 
                                    SetValueJavaScript="$get({ClientID}).value={value} == null ? '' : {value}" />
                            </ClientBindings>
                            <Template>
                                <div style="background-color:white;border:1px solid black;width:800">
                                    EE_Name:
                                    <asp:TextBox ID="control_EE_Name" runat="server" Width="190px"></asp:TextBox>
                                    EEID:
                                    <asp:TextBox ID="control_EEID" runat="server" Width="60px"></asp:TextBox>
                                    Mgr_Name:
                                    <asp:TextBox ID="control_Mgr_Name" runat="server" Width="190px"></asp:TextBox>
                                    Time_Stamp:
                                    <input type="text" id="control_Time_Stamp" class="datepicker" name="control_Time_Stamp" style="height: 14px; width: 70px" />
                                    <br/>
                                    <asp:Button ID="buttonOK" runat="server" OnClientClick="return" Text="OK"
                                        UseSubmitBehavior="False" />
                                    <asp:Button ID="buttonCancel" runat="server" CausesValidation="False"
                                        OnClientClick="return" Text="Cancel" UseSubmitBehavior="False" />
                                </div>
                            </Template>
                        </ig:RowEditingTemplate>
                    </Behaviors>
                </ig:EditingCore>
                <ig:RowSelectors>
                </ig:RowSelectors>
                <ig:Filtering>
                </ig:Filtering>
                <ig:Sorting>
                </ig:Sorting>
            </Behaviors>
        </ig:WebDataGrid>


        <asp:SqlDataSource ID="tblRoster" runat="server"
            ConnectionString="Data Source=CIWSQLXP0017;Initial Catalog=SOBI_TOOL_TRACKING;Integrated Security=True"
            ProviderName="System.Data.SqlClient"
            SelectCommand="SELECT TOP 20 [EE Name] AS EE_Name, [EEID], [Mgr Name] AS Mgr_Name, [Adjustment trained] AS Adjustment_trained, [Appeal trained] AS Appeal_trained, [ARGUS], [Auto Reversal] AS Auto_Reversal, [CBH D G] AS CBH_D_G, [CBH Proclaim] AS CBH_Proclaim, [CCE Tool Access] AS CCE_Tool_Access, [CCP], [CCR], [Checks Rework] AS Checks_Rework, [Chiro Occ Phys Home] AS Chiro_Occ_Phys_Home, [RA], [RDE], [Puerto Rico] AS Puerto_Rico, [Speech Vision Therapy] AS Speech_Vision_Therapy, [Stop Loss Calc] AS Stop_Loss_Calc, [Surg Anes] AS Surg_Anes, [Transplant], [Non Standard Contracts] AS Non_Standard_Contracts, [One View] AS One_View, [Pharmacy], [PMHS], [Post Pricing] AS Post_Pricing, [Pre D] AS Pre_D, [Proclaim], [Lifesource], [Maternity], [Medicare Hospital] AS Medicare_Hospital, [Medicaid], [Medicare Physician] AS Medicare_Physician, [MSP], [Negative Balance] AS Negative_Balance, [Foreign Claim] AS Foreign_Claim, [Hospital Standard] AS Hospital_Standard, [iCare], [ILWU], [iSave], [iView], [iTrack], [Correspondence trained] AS Correspondence_trained, [Defined Care] AS Defined_Care, [Dental Dentacom] AS Dental_Dentacom, [Dental Webster] AS Dental_Webster, [Dialysis], [ECPP], [Virgin Islands] AS Virgin_Islands, [Facets], [cFunds], [SAR], [Alliance], [MERPS], [Proclaim Green Screens] AS Proclaim_Green_Screens, [tblclaimRoster_Status], [Skill 1] AS Skill_1, [Skill 2] AS Skill_2, [Medicom], [CIGNA Claims] AS CIGNA_Claims, [Effective date in current role] AS Effective_date_in_current_role, [Time Stamp] AS Time_Stamp, [MSDRG], [ALI], [Call Trained] AS Call_Trained, [Dedicated Acct Taft Hartley] AS Dedicated_Acct_Taft_Hartley, [Dedicated Acct SOI] AS Dedicated_Acct_SOI, [SANP], [Dedicated Acct J J] AS Dedicated_Acct_J_J, [Xprtr], [VOB], [Hospital Non Standard] AS Hospital_Non_Standard FROM [tblclaimRoster]">
        </asp:SqlDataSource>


    </div>
<asp:Content>   

Parents Reply Children
No Data