User control inside form edit template

2 posts, 0 answers
  1. Melvin
    Melvin avatar
    14 posts
    Member since:
    Apr 2015

    Posted 27 May Link to this post

    Hi,

    I have an issue when I use custom user control and I create a custom control of RadDatePicker. 
    When I tried use inside of control RadGrid the code JavaScript that is set in user control is not loaded when I open the edit form of RadGrid.

    When I review code HTML the Javascript code is not loaded (Attached image CodeHTML).

    I don´t understand what is the problem in my code?

     

    Code User Control.

    <style>
        .rcInputCell
        {
            padding: 0 !important;
            width: 0 !important;
        }
      
        .HiddenTextBox
        {
            width: 1px !important;
            border: 0 !important;
            margin: 0 !important;
            background: none transparent !important;
            display: none;
        }
    </style>
    <telerik:RadScriptBlock  runat="server" ID="rsbCtrlFechas">
        <script type="text/javascript">
            function isValidDate(str) {
                var parts = str.split('/');
                if (parts.length < 3)
                    return false;
                else {
                    var day = parseInt(parts[0]);
                    var month = parseInt(parts[1]);
                    var year = parseInt(parts[2]);
                    if (isNaN(day) || isNaN(month) || isNaN(year)) {
                        return false;
                    }
                    if (day < 1 || year < 1)
                        return false;
                    if (month > 12 || month < 1)
                        return false;
                    if ((month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) && day > 31)
                        return false;
                    if ((month == 4 || month == 6 || month == 9 || month == 11) && day > 30)
                        return false;
                    if (month == 2) {
                        if (((year % 4) == 0 && (year % 100) != 0) || ((year % 400) == 0 && (year % 100) == 0)) {
                            if (day > 29)
                                return false;
                        } else {
                            if (day > 28)
                                return false;
                        }
                    }
                    return true;
                }
            }
      
            function getPosition(element) {
                var xPosition = 0;
                var yPosition = 0;
                while (element) {
                    xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
                    yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
                    element = element.offsetParent;
                }
                return { x: xPosition, y: yPosition };
            }
        </script>
    </telerik:RadScriptBlock>

    Code behind User Control

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.ComponentModel;
    using Telerik.Web.UI;
     
    namespace EsaCloud_GPY.ControlesUsuario
    {
        [ValidationProperty("FechaSeleccionada")]
        public partial class ctrlFecha : System.Web.UI.UserControl
        {
     
            /// <summary>
            /// Tipos de usos definidos para el control de usuario fecha
            /// </summary>
            public enum TipoDeUso
            {
                Normal,
                Periodo
            }
     
            #region Propiedades
     
            /// <summary>
            /// Permite asignar ó obtener el valor del control RadMaskedTextBox.
            /// </summary>
            /// <value>
            /// Valor de la fecha seleccionada.
            /// </value>
            [Description("Permite asignar ó obtener el valor del control RadMaskedTextBox"), Category("Personalizado")]
            public DateTime? FechaSeleccionada
            {
                get { return rdpFechaInicial.SelectedDate; }
                set { rdpFechaInicial.SelectedDate = Convert.ToDateTime(value); }
            }
     
            private string _nombreCtrlMascara = "rmtbFechaInicial";
            /// <summary>
            /// Asigna un nombre al campo ID del control RadMaskedTextBox.
            /// </summary>
            /// <value>
            /// Nombre del control RadMaskedTextBox.
            /// </value>
            [Description("Asigna un nombre al campo ID del control RadMaskedTextBox"), Category("Personalizado")]
            [DefaultValue("rmtbFechaInicial")]
            public string NombreCtrlMascara { get { return _nombreCtrlMascara; } set { _nombreCtrlMascara = value; } }
     
            private string _nombreCtrlPicker = "rdpFechaInicial";
            /// <summary>
            /// Asigna un nombre al campo ID del control RadDatePicker.
            /// </summary>
            /// <value>
            /// Nombre del control RadDatePicker.
            /// </value>
            [Description("Asigna un nombre al campo ID del control RadDatePicker"), Category("Personalizado")]
            [DefaultValue("rdpFechaInicial")]
            public string NombreCtrlPicker { get { return _nombreCtrlPicker; } set { _nombreCtrlPicker = value; } }
     
            private TipoDeUso _tipoDeUso = TipoDeUso.Normal;
            /// <summary>
            /// Permite definir el tipo de uso que tendra el control.
            /// </summary>
            /// <value>
            /// Tipo de uso.
            /// </value>
            [Description("Permite definir el tipo de uso que tendra el control"), Category("Personalizado")]
            [DefaultValue(TipoDeUso.Normal)]
            public TipoDeUso TipoUso { get { return _tipoDeUso; } set { _tipoDeUso = value; } }
     
            private string _mascaraUsar = "##/##/####";
            /// <summary>
            /// Permite definir la mascara a usar para el control RadMaskedTextBox.
            /// </summary>
            /// <value>
            /// Mascara usar.
            /// </value>
            [Description("Permite definir la mascara a usar para el control RadMaskedTextBox"), Category("Personalizado")]
            [DefaultValue("##/##/####")]
            public string MascaraUsar { get { return _mascaraUsar; } set { _mascaraUsar = value; } }
     
            private bool _usarValidacionJS = false;
            /// <summary>
            /// Permite definir si se usar la valición JavaScript.
            /// </summary>
            /// <value>
            ///   Si el valor es True. Se usar la validación JavaScript.
            /// </value>
            [Description("Permite definir si se usar la valición JavaScript"), Category("Personalizado")]
            [DefaultValue(false)]
            public bool UsarValidacionJS { get { return _usarValidacionJS; } set { _usarValidacionJS = value; } }
             
            /// <summary>
            /// Permite manipular las propiedades globales del control de tipo MaskedTextBox
            /// </summary>
            /// <value>
            /// The ctrol masked text box.
            /// </value>
            public RadMaskedTextBox CtrolMaskedTextBox { get { return rmtbFechaInicial; } set { rmtbFechaInicial = value; } }
             
            /// <summary>
            /// Permite manipular las propiedades globales del control de tipo DatePicker.
            /// </summary>
            /// <value>
            /// The ctrol date picker.
            /// </value>
            public RadDatePicker CtrolDatePicker { get { return rdpFechaInicial; } set { rdpFechaInicial = value; } }
            #endregion
     
            protected void Page_Load(object sender, EventArgs e)
            {
                //if (!IsPostBack)
                //{
                rmtbFechaInicial.ID = NombreCtrlMascara;
                rmtbFechaInicial.Mask = MascaraUsar;
                rmtbFechaInicial.ClientEvents.OnBlur = "UpdateCalendar_" + NombreCtrlPicker;
     
                rdpFechaInicial.DateInput.DateFormat = TipoUso == TipoDeUso.Normal ? "dd/MM/yyyy" : "MM/yyyy";
                rdpFechaInicial.ID = NombreCtrlPicker;
                rdpFechaInicial.DatePopupButton.Attributes["OnClick"] = "Popup_" + NombreCtrlPicker + "(); return false;";
                rdpFechaInicial.ClientEvents.OnDateSelected = "UpdateTextBox_" + NombreCtrlPicker;
                if (FechaSeleccionada != null)
                    rmtbFechaInicial.TextWithLiterals = Convert.ToDateTime(FechaSeleccionada).ToString(rdpFechaInicial.DateInput.DateFormat);
     
                //rdpFechaInicial.SelectedDate = FechaSeleccionada;
                rdpFechaInicial.Calendar.FastNavigationSettings.TodayButtonCaption = "Hoy";
                rdpFechaInicial.Calendar.FastNavigationSettings.OkButtonCaption = "Aceptar";
                rdpFechaInicial.Calendar.FastNavigationSettings.CancelButtonCaption = "Cancelar";
                rdpFechaInicial.DatePopupButton.ToolTip = "Abrir calendario";
     
                StringBuilder sbJS = new StringBuilder();
                sbJS.AppendLine("");
                sbJS.AppendLine("function UpdateTextBox_" + rdpFechaInicial.ID + "(sender, args) { ");
                sbJS.AppendLine("   var maskedInput = $find('" + rmtbFechaInicial.ClientID + "');");
                //sbJS.AppendLine("   maskedInput.set_value(\"\");");
                sbJS.AppendLine("   var fecha = args.get_newDate();");
                sbJS.AppendLine("   var datePicker = $find('" + rdpFechaInicial.ClientID + "');");
                sbJS.AppendLine("   var date = datePicker.get_dateInput().parseDate(args.get_newDate());");
                sbJS.AppendLine("   var dateInput = datePicker.get_dateInput();");
                sbJS.AppendLine("   var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat());");
                sbJS.AppendLine("   if (formattedDate ==\"\") { return; }");
                sbJS.AppendLine("   maskedInput.set_value(formattedDate);");
                sbJS.AppendLine("}");
                sbJS.AppendLine("");
                sbJS.AppendLine("function UpdateCalendar_" + rdpFechaInicial.ID + "() {");
                sbJS.AppendLine("   var maskedInput = $find('" + rmtbFechaInicial.ClientID + "');");
                sbJS.AppendLine("   var datePicker = $find(\'" + rdpFechaInicial.ClientID + "');");
                sbJS.AppendLine("   //Determinando si viene vacio");
                sbJS.AppendLine("   if (maskedInput.get_value()==\"\") { datePicker.set_selectedDate(null); return; }");
                sbJS.AppendLine("   //Determinando si es una fecha válida");
                if (TipoUso == TipoDeUso.Periodo)
                {
                    sbJS.AppendLine("   var dateValid = isValidDate(\"01/\" + maskedInput.get_valueWithLiterals());");
                }
                else if (TipoUso == TipoDeUso.Normal)
                {
                    sbJS.AppendLine("   var dateValid = isValidDate(maskedInput.get_valueWithLiterals());");
                }
                sbJS.AppendLine("   if (!dateValid) {");
                if (UsarValidacionJS)
                {
                    sbJS.AppendLine("       var oAlert = radalert(\"Debe de ingresar una fecha válida.\", 256, 47, \"Campo requerido\", null, \"../imagenes/error1.jpg\");");
                    sbJS.AppendLine("       oAlert.show();");
                }
                //sbJS.AppendLine("       maskedInput.set_value(\"\");");
                sbJS.AppendLine("       datePicker.set_selectedDate(null);");
                sbJS.AppendLine("       return;");
                sbJS.AppendLine("   }");
                if (TipoUso == TipoDeUso.Periodo)
                {
                    sbJS.AppendLine("   var fecha = \"01\" + maskedInput.get_value()");
                    sbJS.AppendLine("   var date = datePicker.get_dateInput().parseDate(fecha);");
                }
                else if (TipoUso == TipoDeUso.Normal)
                {
                    sbJS.AppendLine("   var date = datePicker.get_dateInput().parseDate(maskedInput.get_value());");
                }
                sbJS.AppendLine("   var dateInput = datePicker.get_dateInput();");
                sbJS.AppendLine("   if (date == null) {");
                sbJS.AppendLine("       date = datePicker.get_selectedDate();");
                sbJS.AppendLine("   }");
                sbJS.AppendLine("   var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat()); ");
                sbJS.AppendLine("   datePicker.set_selectedDate(date);");
                sbJS.AppendLine("   if (!isNaN(date) && date > datePicker.get_minDate() && date < datePicker.get_maxDate()) {");
                sbJS.AppendLine("       datePicker.set_selectedDate(date);");
                sbJS.AppendLine("   }");
                sbJS.AppendLine("   else {");
                sbJS.AppendLine("       var oldSelectedDate = datePicker.get_selectedDate();");
                sbJS.AppendLine("       if (oldSelectedDate == null) return;");
                sbJS.AppendLine("       if (oldSelectedDate.toString() == datePicker.get_minDate().toString()) {");
                sbJS.AppendLine("           maskedInput.set_value(\"\");");
                sbJS.AppendLine("       }");
                sbJS.AppendLine("       else {");
                sbJS.AppendLine("           maskedInput.set_value(DateToString(oldSelectedDate));");
                sbJS.AppendLine("          }");
                sbJS.AppendLine("   }");
                sbJS.AppendLine("}");
                sbJS.AppendLine("");
                sbJS.AppendLine("function Popup_" + rdpFechaInicial.ID + "() {");
                sbJS.AppendLine("   var datePicker = $find('" + rdpFechaInicial.ClientID + "');");
                sbJS.AppendLine("   var maskedInput = $find('" + rmtbFechaInicial.ClientID + "');");
                sbJS.AppendLine("   var textBox = datePicker.get_textBox();");
                //sbJS.AppendLine("   var position = getPosition(maskedInput._textBoxElement);");
                sbJS.AppendLine("   var popupElement = datePicker.get_popupContainer();");
                sbJS.AppendLine("   var position = Telerik.Web.CommonScripts.getLocation(maskedInput._textBoxElement);");
                sbJS.AppendLine("   var dimensions = Telerik.Web.UI.Calendar.Utils.GetElementDimensions(popupElement); ");
                sbJS.AppendLine("   datePicker.showPopup(position.x, position.y + maskedInput._textBoxElement.offsetHeight);");
                //sbJS.AppendLine("   datePicker.showPopup(position.x, position.y - (dimensions.height + 10)); ");
                sbJS.AppendLine("}");
     
                ScriptManager.RegisterStartupScript(Page, typeof(Page), rdpFechaInicial.ID.ToString(), sbJS.ToString(), true);
                //}
            }
        }
    }

    Code page .aspx

    <%@ Register Src="~/ControlesUsuario/ctrlFecha.ascx" TagPrefix="uc1" TagName="ctrlFecha" %>
     
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     
        <telerik:radajaxmanager ID="ramPCR" runat="server">
            <ClientEvents OnRequestStart="onRequestStart" />
            <ajaxsettings>
                <telerik:AjaxSetting AjaxControlID="cmbProyectos">
                    <updatedcontrols>
                        <telerik:AjaxUpdatedControl ControlID="rgPCR" LoadingPanelID="ralpPCR" />
                    </updatedcontrols>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="rgPCR">
                    <updatedcontrols>
                        <telerik:AjaxUpdatedControl ControlID="cmbProyectos" />
                        <telerik:AjaxUpdatedControl ControlID="rgPCR" LoadingPanelID="ralpPCR" />
                    </updatedcontrols>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="lbProcesoCrearCaso">
                    <updatedcontrols>
                        <telerik:AjaxUpdatedControl ControlID="rgPCR" LoadingPanelID="ralpPCR" />
                    </updatedcontrols>
                </telerik:AjaxSetting>
            </ajaxsettings>
        </telerik:radajaxmanager>
        <telerik:radajaxloadingpanel ID="ralpPCR" runat="server"></telerik:radajaxloadingpanel>
        <telerik:radwindowmanager ID="rwmPCR" runat="server"></telerik:radwindowmanager>
        <telerik:radwindowmanager id="rwm" runat="server" enableshadow="True" />
            <telerik:radcodeblock ID="rcbPCR" runat="server">  
                <script type="text/javascript">
                    function confirmCallbackFn(arg) {
                        if (arg)
                        {
                            __doPostBack("<%=lbProcesoCrearCaso.UniqueID %>", "");
                        }
                    }
     
                    function RowSelecting(sender, eventArgs) {
                        var grid = sender;
                        var MasterTable = grid.get_masterTableView();
                        var gridItemElement = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()].findElement("cbChecked");
                         
                        if (gridItemElement.checked == false) {
                            gridItemElement.checked = true;
                        }
                        else {
                            gridItemElement.checked = false;
                        }
                    }
                </script>
            </telerik:radcodeblock>
        <div class="box">
            <div class="box-header">
                <h3 class="box-title">
                    <b>
                        <asp:Label runat="server" ID="lblTitulo" Text="Casos periódicos"></asp:Label>
                    </b>
                </h3>
            </div>
            <div class="container">
                <div runat="server" id="divComboProyectos" class="panel panel-info">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12 text-center">
                                <telerik:radcombobox id="cmbProyectos" autopostback="true"
                                    height="150px" width="350px" label="Seleccione un Proyecto"
                                    runat="server"
                                    onselectedindexchanged="cmbProyectos_SelectedIndexChanged">                  
                                </telerik:radcombobox>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-body no-padding">
                <asp:LinkButton ID="lbProcesoCrearCaso"
                    Style="display: none;"
                    runat="server"
                    OnClick="lblbProcesoCrearCaso_Click">
                </asp:LinkButton>
                <telerik:radgrid ID="rgPCR" runat="server"
                    AutoGenerateColumns="False"
                    OnDeleteCommand="rgPCR_DeleteCommand"
                    OnInsertCommand="rgPCR_InsertCommand"
                    OnNeedDataSource="rgPCR_NeedDataSource"
                    OnSelectedIndexChanged="rgPCR_SelectedIndexChanged"
                    OnUpdateCommand="rgPCR_UpdateCommand" OnItemDataBound="rgPCR_ItemDataBound"
                    ClientSettings-Selecting-AllowRowSelect="true" Culture="es-ES" GroupPanelPosition="Top" OnItemCommand="rgPCR_ItemCommand">
                    <mastertableview datakeynames="IdCasoRec, TipoCaso, IdEmpresa">
                        <CommandItemTemplate>
                            <div class="col-xs-6">
                                <asp:LinkButton ID="lbAgregar"
                                    runat="server"
                                    CommandName="InitInsert"
                                    Visible='<%# !rgPCR.MasterTableView.IsItemInserted %>'>
                                    <img style="border:0px;vertical-align:middle;" src="../imagenes/AddRecord.png"/> Agregar
                                </asp:LinkButton>  
                                <asp:LinkButton ID="lbRefrescar" runat="server" OnClick="lbRefrescar_Click">
                                    <img style="border:2px;vertical-align:middle;" src="../imagenes/Refresh.png"/> Refrescar
                                </asp:LinkButton>  
                                <asp:LinkButton ID="lbCrearCaso" runat="server"
                                    OnClick="lbCrearCaso_Click" ClientIDMode="Static">
                                    <img style="border:2px;vertical-align:middle;" src="../imagenes/CrearCaso.jpg"/> Crear Caso
                                </asp:LinkButton>  
                            </div>                    
                        </CommandItemTemplate>
                        <Columns>
                            <telerik:GridTemplateColumn UniqueName="chkSeleccionar" Exportable="False">
                                <HeaderStyle HorizontalAlign="Center" />
                                <ItemStyle HorizontalAlign="Center" />
                                <ItemTemplate>
                                  <asp:CheckBox ID="cbChecked" runat="server"
                                      AutoPostBack="True" OnCheckedChanged="CheckChanged">
                                  </asp:CheckBox>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridEditCommandColumn
                                UniqueName="EditCommandColumn"
                                ButtonType="ImageButton"
                                EditText="Editar"
                                EditImageUrl="../imagenes/Edit.png"
                                InsertImageUrl="../imagenes/Edit.png"
                                Exportable="False">
                                <HeaderStyle Width="30px" />
                            </telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn DataField="IdCasoRec" UniqueName="IdCasoRec" HeaderText="Código">
                                <HeaderStyle Width="60px" HorizontalAlign="Right"/>
                                            <ItemStyle HorizontalAlign="Right" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="NomTipoCaso" UniqueName="NomTipoCaso" HeaderText="Tipo de Caso">
                            </telerik:GridBoundColumn>         
                            <telerik:GridBoundColumn DataField="NomIdProyecto" UniqueName="NomIdProyecto" HeaderText="Proyecto">
                            </telerik:GridBoundColumn>             
                            <telerik:GridBoundColumn DataField="NomIdPrioridad" UniqueName="NomIdPrioridad" HeaderText="Prioridad">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Titulo" UniqueName="Titulo" HeaderText="Título">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Descripcion" UniqueName="Descripcion" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="NomSolicitante" UniqueName="NomSolicitante" HeaderText="Solicitante">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="FechaInicial" UniqueName="FechaInicial" HeaderText="Fecha Inicial" DataFormatString="{0:dd/MM/yyyy}">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="FechaFinal" UniqueName="FechaFinal" HeaderText="Fecha Vencimiento" DataFormatString="{0:dd/MM/yyyy}">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="NomEstado" UniqueName="NomEstado" HeaderText="Estado">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IdEmpresa" UniqueName="IdEmpresa" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IdProyecto" UniqueName="IdProyecto" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IdPrioridad" UniqueName="IdPrioridad" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="SubProyecto" UniqueName="SubProyecto" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Linea" UniqueName="Linea" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IdFrecuencia" UniqueName="IdFrecuencia" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="RowVersion" UniqueName="RowVersion" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Estado" UniqueName="Estado" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="TipoCaso" UniqueName="TipoCaso" Display="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridButtonColumn ConfirmText="Desea eliminar este registro?" ConfirmDialogType="RadWindow"
                                ConfirmTitle="Eliminar" ButtonType="ImageButton"
                                CommandName="Delete" ImageUrl="../imagenes/Delete.png"
                                UniqueName="DeleteColumn" Text="Eliminar"
                                Exportable="False">
                                <HeaderStyle Width="30px" />
                            </telerik:GridButtonColumn>
                        </Columns>
                        <EditFormSettings editformtype="Template">
                            <FormTemplate>
                                <table class="table table-condensed" style="font-size: 14px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;">
                                    <tr>
                                        <td style="width: 150px">Tipo de Caso</td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbTipoCaso" Runat="server" Width="350px" Enabled='<%# rgPCR.MasterTableView.IsItemInserted %>'>
                                            </telerik:RadComboBox>
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rcbTipoCaso" runat="server"
                                                ControlToValidate="rcbTipoCaso" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">Prioridad</td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbIdPrioridad" Runat="server" Width="350px">
                                            </telerik:RadComboBox>
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rcbIdPrioridad" runat="server"
                                                ControlToValidate="rcbIdPrioridad" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">Título</td>
                                        <td>
                                            <telerik:RadTextBox ID="rtbTitulo" Runat="server" Width="350px" MaxLength="200" Text='<%# Bind("Titulo") %>'>
                                            </telerik:RadTextBox>
                                            <asp:RegularExpressionValidator runat="server" ID="revTitulo"
                                                ValidationGroup="Textbox" ForeColor="Red"
                                                ControlToValidate="rtbTitulo" Display="Dynamic"
                                                ValidationExpression="<%$ Resources: RegularExpression, SoloCaracteresYAcentos %>"
                                                ErrorMessage="Sólo se aceptan caracteres!" />
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rtbTitulo" runat="server"
                                                ControlToValidate="rtbTitulo" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">Descripción</td>
                                        <td>
                                            <telerik:RadTextBox ID="rtbDescripcion" Runat="server" Width="350px" MaxLength="400" Text='<%# Bind("Descripcion") %>' TextMode="MultiLine" Rows="3">
                                            </telerik:RadTextBox>
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rtbDescripcion" runat="server"
                                                ControlToValidate="rtbDescripcion" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator runat="server" ID="rex_rtbDescripcion"
                                                ValidationGroup="Textbox" ForeColor="Red"
                                                ControlToValidate="rtbDescripcion" Display="Dynamic"
                                                ValidationExpression="<%$ Resources: RegularExpression, SoloCaracteresAcentosYNumeros %>"
                                                ErrorMessage=" Sólo se aceptan caracteres y números!" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">Fecha Inicial</td>
                                        <td>
                                            <uc1:ctrlFecha runat="server" ID="ctrlFechaInicial" NombreCtrlPicker="rdpFINI" NombreCtrlMascara="rmtbFINI" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">
                                            <asp:Label ID="lbFechaVencimiento"
                                                runat="server"
                                                Text="Feha de Vencimiento"
                                                CssClass="opcionales">
                                            </asp:Label>
                                        </td>
                                        <td>
                                            <telerik:RadDatePicker ID="rdpFechaFinal" Runat="server"
                                                dateformat="dd/MM/yyyy" displaydateformat="dd/MM/yyyy" EnableTyping="false">
                                            </telerik:RadDatePicker>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">Estado</td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbEstado" Runat="server" Width="350px">
                                            </telerik:RadComboBox>
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rcbEstado" runat="server"
                                                ControlToValidate="rcbEstado" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">Frecuencia
                                            <%--<asp:Label ID="lbIdFrecuencia" runat="server" Text="Frecuencia" CssClass="opcionales"></asp:Label>--%>
                                        </td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbIdFrecuencia" Runat="server" Width="350px"></telerik:RadComboBox>
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rcbIdFrecuencia" runat="server"
                                                ControlToValidate="rcbIdFrecuencia" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">
                                            <asp:Label runat="server" ID="lbEmpresas" Text="Proyectos" >
                                            </asp:Label>
                                        </td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbProyecto" Runat="server" MaxHeight="330"
                                                Width="350px" CheckBoxes="true"
                                                EnableCheckAllItemsCheckBox="true">
                                            </telerik:RadComboBox>
                                            <asp:RequiredFieldValidator
                                                ID="rfv_rcbProyecto" runat="server"
                                                ControlToValidate="rcbProyecto" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <!--Campos Opcionales-->
                                    <tr >
                                        <td style="width: 150px">
                                            <asp:Label ID="lbSubProyecto" runat="server" Text="Sub Proyecto" CssClass="opcionales"></asp:Label>
                                        </td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbSubProyecto" Runat="server" Width="350px"></telerik:RadComboBox>
                                            <%--<asp:RequiredFieldValidator
                                                ID="rfv_rcbSubProyecto" runat="server"
                                                ControlToValidate="rcbSubProyecto" ForeColor="Red"
                                                ErrorMessage="Campo Obligatorio">
                                            </asp:RequiredFieldValidator>--%>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 150px">
                                            <asp:Label ID="lbLinea" runat="server" Text="Línea" CssClass="opcionales"></asp:Label>
                                        </td>
                                        <td>
                                            <telerik:RadComboBox ID="rcbLinea" Runat="server" Width="350px"></telerik:RadComboBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <telerik:RadButton ID="rbGuardar"
                                                runat="server"
                                                CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'
                                                Text='<%# (Container is GridEditFormInsertItem) ? "Agregar" : "Guardar" %>'  >
                                                    <Icon PrimaryIconUrl="../imagenes/save_16x16.png" />
                                            </telerik:RadButton>   
                                            <telerik:RadButton ID="rbCancelar"
                                                runat="server"
                                                CausesValidation="False"
                                                CommandName="Cancel"
                                                Text="Cancelar" OnClick="CancelarAccion_Click">
                                                <Icon PrimaryIconUrl="../imagenes/cancel.png" />
                                            </telerik:RadButton>
                                                   
                                            <asp:Label ID="Label1"
                                                CssClass="opcionales"
                                                runat="server" Text="* Opcionales">
                                            </asp:Label>
                                            <%--CausesValidation="true" validationgroup="Textbox"--%>
                                        </td>
                                    </tr>
                                </table>
                            </FormTemplate>
                        </EditFormSettings>
                    </mastertableview>
                </telerik:radgrid>
            </div>    
        </div>   
    </asp:Content>

     

    Regards,

     

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 01 Jun Link to this post

    Hi Melvin,

    Please use RadCodeBlock instead of the RadScriptBlock in your UserControl. I have tested this scenario locally and the scripts display correctly when the RadCodeBlock is used:
    Hope this helps.


    Regards,
    Konstantin Dikov
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top