Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,715 questions
2 answers
239 views
Disable drag and drop beteen grids

Hi

Is it possible to disable the possibilty to drag and drop between multiple grids on one page?
The only method I've found to disallow drag and drop between mutliple grids is to check if the source and target grid are the same on dropping otherwise canceling.

 

Grid
Maxim
Top achievements
Rank 1
 answered on 02 Jun 2016
1 answer
373 views
String or binary data would be truncated

 

Having trouble find what is causing this error.

 

Server Error in '/OPSSC_TEST' Application.

String or binary data would be truncated.
The statement has been terminated.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Data.SqlClient.SqlException: String or binary data would be truncated.
The statement has been terminated.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.
Stack Trace:

[SqlException (0x80131904): String or binary data would be truncated. The statement has been terminated.] System.Data.SqlClient.SqlConnection.OnError(SqlException exception, Boolean breakConnection) +1958986 System.Data.SqlClient.SqlInternalConnection.OnError(SqlException exception, Boolean breakConnection) +4876475 System.Data.SqlClient.TdsParser.ThrowExceptionAndWarning(TdsParserStateObject stateObj) +194 System.Data.SqlClient.TdsParser.Run(RunBehavior runBehavior, SqlCommand cmdHandler, SqlDataReader dataStream, BulkCopySimpleResultSet bulkCopyHandler, TdsParserStateObject stateObj) +1121 System.Data.SqlClient.SqlCommand.FinishExecuteReader(SqlDataReader ds, RunBehavior runBehavior, String resetOptionsString) +200 System.Data.SqlClient.SqlCommand.RunExecuteReaderTds(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean returnStream, Boolean async) +954 System.Data.SqlClient.SqlCommand.RunExecuteReader(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean returnStream, String method, DbAsyncResult result) +162 System.Data.SqlClient.SqlCommand.InternalExecuteNonQuery(DbAsyncResult result, String methodName, Boolean sendToPipe) +175 System.Data.SqlClient.SqlCommand.ExecuteNonQuery() +137 System.Web.UI.WebControls.SqlDataSourceView.ExecuteDbCommand(DbCommand command, DataSourceOperation operation) +386 System.Web.UI.WebControls.SqlDataSourceView.ExecuteUpdate(IDictionary keys, IDictionary values, IDictionary oldValues) +325 System.Web.UI.DataSourceView.Update(IDictionary keys, IDictionary values, IDictionary oldValues, DataSourceViewOperationCallback callback) +92 Telerik.WebControls.GridTableView.PerformUpdate(GridEditableItem editedItem, Boolean suppressRebind) +353 Telerik.WebControls.GridCommandEventArgs.ExecuteCommand(Object source) +1996 Telerik.WebControls.RadGrid.OnBubbleEvent(Object source, EventArgs e) +191 System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37 Telerik.WebControls.GridItem.OnBubbleEvent(Object source, EventArgs e) +165 System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37 System.Web.UI.WebControls.ImageButton.OnCommand(CommandEventArgs e) +111 System.Web.UI.WebControls.ImageButton.RaisePostBackEvent(String eventArgument) +176 System.Web.UI.WebControls.ImageButton.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +10 System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13 System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +36 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1565

Version Information: Microsoft .NET Framework Version:2.0.50727.5485; ASP.NET Version:2.0.50727.5491

General Discussions
John
Top achievements
Rank 1
 answered on 01 Jun 2016
1 answer
162 views
How to prevent it from moving in the map ?

Hello,
I wanted to know if we can disable the ability to move in the map?

I just want to display the map with some tooltip, but i don't want the user can move Inside. I find we can disable "zoomable" and "pinable" but how to disable "move" ?

I really hope we can, or have some issue to do it .

 

Thank you in advance

Map
Vessy
Telerik team
 answered on 01 Jun 2016
1 answer
69 views
RadGrid with Dynamically added LinkButtons loosing buttons on filter.

Hello,

My customer has requested that we put link buttons into a specific field on a grid. The nature of the filed being that I need to have regular text followed by an unlimited number links means that I have to add my buttons dynamically. I have the text followed by links working proper upon the initial page load but something happens after the grid filter is applied. Once the grid filter is applied a post back occurs my method is still called to reformat the filed into it's final format however. Once the page loads the links are nowhere to be found and the grid cells display the text that is being converted into the buttons. Currently I am calling my logic to create the grid links on page load. I have to create the grid links in load because if I do it any later than that then my link buttons no longer function properly. Some help would be greatly appreciated. Thanks in advance below are some of my code snippets.

-Brandon

 

RadGrid Load Method

1.Private Sub RadGridResults_Load(sender As Object, e As EventArgs) Handles RadGridResults.Load
2.     For Each Item As GridItem In RadGridResults.MasterTableView.Items
3.          CreateGridLinks(Item)
4.     Next
5.End Sub

Create Grid Links Method (Simplified From Original)

01.Private Sub CreateGridLinks(item As GridItem)
02.    If TypeOf item Is Telerik.Web.UI.GridDataItem Then
03.        Dim dataItem As Telerik.Web.UI.GridDataItem = CType(item, Telerik.Web.UI.GridDataItem)
04.        For Each cell As TableCell In item.Cells
05.            Dim Issues() As String = cell.Text.Split(";"c)
06.            If Issues.Length > 1 AndAlso cell.Text <> " " Then
07.                Dim CellText As String = Issues(0) + " "
08.                Dim CellId As String = ""
09.                Dim IssueAppealType As String = ""
10.                Dim IssueAppealId As String = ""
11.                For i As Integer = 1 To _issues.Length - 1
12.                    If i = 1 Then
13.                        cell.Controls.Add(New LiteralControl(CellText))
14.                    End If
15.                    If _issues(i).Trim.Split(":"c).Length > 1 Then
16.                        Dim IssueAppealButton As New LinkButton()
17.                        CellId = _issues(i).Trim.Replace(":", "")
18. 
19.                        Dim IssueAppealArray = _issues(i).Trim.Split(":"c)
20.                        IssueAppealType = IssueAppealArray(0)
21.                        IssueAppealId = IssueAppealArray(1)
22.                        IssueAppealButton.Text = IssueAppealId
23.                        cntrlCount += 1
24.                        IssueAppealButton.ID = "LinkButton" + CellId + cntrlCount.ToString
25.                         
26.                        AddHandler IssueAppealButton.Click, Sub(send, evt) HandleIssueLinkClick(IssueAppealId, IssueAppealType)
27. 
28.                        cell.Controls.Add(IssueAppealButton)
29.                        cell.Controls.Add(New LiteralControl(" "))
30.                    End If
31.                Next
32. 
33.            End If
34.        Next
35.    End If
36.End Sub

Grid
Brandon
Top achievements
Rank 1
 answered on 01 Jun 2016
3 answers
131 views
Scroll to top after rebinding

Hello Telerik,

I have a treeview with many nodes with checkboxes. When I check the very last node, this is saved in a database and I rebind the treeview. After that, the checked nodes appear at first at the top at the treeview, the unchecked nodes follow underneath. So far no problem. But after rebinding I want the treeview to scroll up to the top. The scrollbar however stays at the bottom and the selected node(s) stays out of sight. I managed to get arround that by, after rebinding the treeview, setting focus on the first node and use examples on your forum to scroll to the top of the treeview. But doing so, the first node is selected and I don't want that, it's an 'ugly' solution. Is there a way to do this in a more elegant way?

Thanks,

Geert

TreeView
Ivan Danchev
Telerik team
 answered on 01 Jun 2016
3 answers
482 views
Filtering using Entity Framework query in NeedDataSource

How do I use the grid filter expresssion in an entity framework query in the NeedDataSource method?

For example after selecting from the grid column filters the filter expression is:

(iif(Comment == null, "", Comment).ToString().ToUpper().Contains("test".ToUpper())) AND (iif(OrderNo == null, "", OrderNo).ToString().ToUpper().StartsWith("830".ToUpper()))

How do I use it in my EF query

var orders = db.Orders.Where(o=>o.Status == 2);

Thanks.

 

Grid
Maria Ilieva
Telerik team
 answered on 01 Jun 2016
1 answer
951 views
User control inside form edit template

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,

 

Grid
Konstantin Dikov
Telerik team
 answered on 01 Jun 2016
1 answer
46 views
Keep tack of multi select dates client-side
I have a milti-selectable RadCalendar that automatically selects a date range, but not certain dates that are in an array. I want to make it if the user selects one of the excluded dates on the calendar it will remove that date from the auto-exclude list. I would prefer everything happen client-side. My biggest problem right now is I can't trigger a javascript on the user clicking a date. I tried using a couple event listeners, but it's not firing.
Calendar
Maria Ilieva
Telerik team
 answered on 01 Jun 2016
1 answer
187 views
Can I use Image Gallery with a .NET repeater?

I have a page that uses an asp:Repeater control to display images and would like to turn it into a Telerik Image Gallery. I can't find any documentation online about how to do that and I am getting errors saying: Type 'System.Web.UI.WebControls.Repeater' does not have a public property named 'RadImageGallery'.

Can someone please point me in the direction I need to get this plugin built? 

ImageGallery
Viktor Tachev
Telerik team
 answered on 01 Jun 2016
2 answers
64 views
When selecting from a ListBox it also highlights text on the page
We have a listbox with SelectionMode="Multiple" turned on, however when you select multiple items it also selects other parts of the screen and manages to select other parts of the screen, it selects from the listbox too but everything selected goes blue as expected but lots of screen does too,

I hope you can help.

<telerik:RadListBox ID="radOrderID" runat="server" Width="900px" Height="200px" EmptyMessage="Select an Order"
                            Skin="Outlook" SelectionMode="Multiple" AutoPostBack="true">
                            <ItemTemplate>
                                <table cellspacing="0" cellpadding="0" class="multicomboBoxOrder">
                                    <tr>
                                        <td class="col1">
                                            <%#DataBinder.Eval(Container.DataItem, "OrderNo")%>
                                        </td>
                                        <td class="col2">
                                            <%#DataBinder.Eval(Container.DataItem, "Description")%>
                                        </td>
                                        <td class="col3">
                                            <%#DataBinder.Eval(Container.DataItem, "CustomerHeaderRef")%>
                                        </td>
                                        <td class="col4">
                                            <%#DataBinder.Eval(Container.DataItem, "Department")%>
                                        </td>
                                        <td class="col5">
                                            <%#Format(DataBinder.Eval(Container.DataItem, "OutstandingValueToInvoice"), "0.00")%>
                                        </td>
                                        <td class="col6">
                                            <%#Format(DataBinder.Eval(Container.DataItem, "OutstandingValueToInvoiceShipped"), "0.00")%>
                                        </td>
                                        <td class="col7">
                                            <%#DataBinder.Eval(Container.DataItem, "CurrencySell")%>
                                        </td>
                                        <td class="col8">
                                            <%#DataBinder.Eval(Container.DataItem, "OrderSource")%>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </telerik:RadListBox>
ListBox
william
Top achievements
Rank 1
 answered on 01 Jun 2016
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
Diagram
XmlHttpPanel
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
MaskedTextBox
RadioButtonList
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
MonthYearPicker
Licensing
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
TreeMap
Security
DateRangePicker
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Learn how
880 881
882
883 884
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how