Telerik Forums
UI for ASP.NET AJAX Forum
7 answers
309 views
Hi-

I am using a nested view radgrid that is being populated through a web service. I am using scrolling rather than paging. When I populate the data source for the grid, the expand buttons do not display for records that require scrolling to be visible. Does anyone know why this is happening and have a solution? Any help would be appreciated. I will attach a screen shot and code.
<script type="text/javascript" language="javascript">
            //<![CDATA[
 
            var gridResults;
             
            function pageLoad(sender, eventArgs) {
                //QueryResultsGrid();
 
                $(document).ready(function() {
 
                    var ddlTitles = $find("<%=ddlTitles.ClientID %>");
                    ddlTitles.requestItems();
                    var ddlStatuses = $find("<%=ddlStatuses.ClientID %>");
                    ddlStatuses.requestItems();
                    var ddlDepartments = $find("<%=ddlDepartments.ClientID %>");
 
                    ddlDepartments.trackChanges();
                    ddlDepartments.get_items().clear();
                    var comboItem = new Telerik.Web.UI.RadComboBoxItem();
                    comboItem.set_text("All Departments");
                    comboItem.set_value(-1);
                    ddlDepartments.get_items().add(comboItem);
                     
                    $get("gridZone").style.display = "block";
 
                    QueryResultsGrid();
                });
                
            }
 
            function OnCalendarViewChangedFrom(sender, args) {
 
                var tooltipManager = $find("<%=rttmStartDate.ClientID %>");
                if (tooltipManager._tooltips) {
                    tooltipManager._disposeToolTips();
                    tooltipManager._tooltips = [];
                }
 
                tooltipManager.tooltipify(sender.get_element());
            }
 
            function OnCalendarViewChangedTo(sender, args) {
 
                var tooltipManager = $find("<%=rttmEndDate.ClientID %>");
                if (tooltipManager._tooltips) {
                    tooltipManager._disposeToolTips();
                    tooltipManager._tooltips = [];
                }
 
                tooltipManager.tooltipify(sender.get_element());
            }
 
            function SetContextItems(sender, eventArgs) {
 
                var context = eventArgs.get_context();
 
                context["loginKey"] = $get("<%=hfLoginKey.CLientID %>").value;
 
            }
 
            function TxtEndDate_DateSelected(sender, eventArgs) {
 
                if (!sender.isEmpty()) {
                    QueryDdlDepartments();
                }
 
            }
             
            function GetStartTime() {
 
                var txtStartTime = $find('<%=txtStartTime.ClientId %>');
                var txtStartDate = $find('<%=txtStartDate.ClientId %>');
                if (!txtStartDate.isEmpty()) {
 
                    var startDate = txtStartDate.get_selectedDate();
                    startDate.setHours(0);
                    startDate.setMinutes(0);
                    if (!txtStartTime.isEmpty()) {
 
                        var startTime = txtStartTime.get_selectedDate();
                        startDate.setHours(startTime.getHours());
                        startDate.setMinutes(startTime.getMinutes());
 
                    }
                    return startDate;
 
                }
                else {
 
                    return null;
                }
 
            }
 
 
            function GetEndTime() {
 
                var txtEndTime = $find('<%=txtEndTime.ClientId %>');
                var txtEndDate = $find('<%=txtEndDate.ClientId %>');
                if (!txtEndDate.isEmpty()) {
 
                    var endDate = txtEndDate.get_selectedDate();
                    endDate.setHours(0);
                    endDate.setMinutes(0);
                    //                if (endTime.getHours() == 0 && endTime.getMinutes() == 0) {
                    //                    endDate.setDate(endDate.getDate() + 1);
                    //                }
                    if (!txtEndTime.isEmpty()) {
 
                        var endTime = txtEndTime.get_selectedDate();
 
                        endDate.setHours(endTime.getHours());
                        endDate.setMinutes(endTime.getMinutes());
                    }
 
                    return endDate;
 
                }
                else {
 
                    return null;
                }
            }
 
            function QueryDdlDepartments() {
 
                var ddlDepartment = $find("<%= ddlDepartments.ClientID %>");
                var txtEndDate = $find('<%=txtEndDate.ClientId %>');
 
                var loadingPanel = $find("<%=rlpAvailable.ClientID %>");
 
                if (!txtEndDate.isEmpty()) {
 
                    if (loadingPanel) {
 
                        loadingPanel.show("<%=ddlDepartments.ClientID %>");
                    }
 
                    var endDate = txtEndDate.get_selectedDate();
                    endDate.setHours(0);
                    endDate.setMinutes(0);
                    var loginKey = $get("<%=hfLoginKey.ClientID %>").value;
 
                    $.ajax({
                        type: 'POST',
                        url: '../Services/WhoIsAvailableServices.asmx/GetDepartments',
                        contentType: 'application/json; charset=utf-8',
                        data: JSON.stringify({
                            loginKey: loginKey,
                            endDate: endDate
                        }),
                        dataType: 'json',
                        success: QueryDdlDepartments_Callback,
                        error: WAServiceFailure
                    });
 
 
                }
                else {
                    ddlDepartment.clearItems();
 
                }
            }
 
            function QueryDdlDepartments_Callback(results) {
 
 
                var loadingPanel = $find("<%=rlpAvailable.ClientID %>");
                if (loadingPanel) {
 
                    loadingPanel.hide("<%=ddlDepartments.ClientID %>");
                }
 
                var ddlDepartments = $find("<%=ddlDepartments.ClientID %>");
                ddlDepartments.trackChanges();
                ddlDepartments.get_items().clear();
 
                var comboItems = results.d;
 
                for (var i = 0; i < comboItems.length; i++) {
 
                    var comboItem = new Telerik.Web.UI.RadComboBoxItem();
                    comboItem.set_text(comboItems[i].Text);
                    comboItem.set_value(comboItems[i].Value);
                    ddlDepartments.get_items().add(comboItem);
 
                }
 
                ddlDepartments.commitChanges();
            }
 
            function WAServiceFailure(HTTPResponse) {
                var loadingPanel = $find("<%=rlpAvailable.ClientID %>");
                if (loadingPanel) {
 
                    loadingPanel.hide("<%=pnlAvailable.ClientID %>");
                }
                oWin = window.radalert("An internal error has occurred. Error message: " + HTTPResponse.responseText
                                    + " Please try your request again. " +
                                    "If this error persists, please contact technical support.",
                            null, null, "An Error Occurred!");
                oWin.get_popupElement().style.zIndex = "10000";
 
                return false;
            }
 
            function QueryResultsGrid() {
 
                var startTime = GetStartTime();
 
                var endTime = GetEndTime();
                var loadingPanel = $find("<%=rlpAvailable.ClientID %>");
                if (loadingPanel) {
 
                    loadingPanel.show("<%=pnlAvailable.ClientID %>");
                }
 
                var ddlDepartment = $find("<%=ddlDepartments.ClientID %>");
                var ddlTitle = $find("<%=ddlTitles.ClientID %>");
                var ddlStatus = $find("<%=ddlStatuses.ClientID %>");
 
                var deptId = ddlDepartment.get_value();
                if (deptId == "") {
                    deptId = 0;
                }
 
                var titleId = ddlTitle.get_value();
                if (titleId == "") {
                    titleId = 0;
                }
                var statusId = ddlStatus.get_value();
                if (statusId == "") {
                    statusId = 0;
                }
                var loginKey = $get("<%=hfLoginKey.ClientID %>").value;
                 
                $.ajax({
                    type: 'POST',
                    url: '../Services/WhoIsAvailableServices.asmx/GetAvailableUsers',
                    contentType: 'application/json; charset=utf-8',
                    data: JSON.stringify({
                        loginKey: loginKey,
                        startTime: startTime,
                        endTime: endTime,
                        deptId: deptId,
                        titleId: titleId,
                        statusId: statusId
                    }),
                    dataType: 'json',
                    success: QueryResultsGrid_Callback,
                    error: WAServiceFailure
                });
 
                return false;
            }
 
            function QueryResultsGrid_Callback(results) {
             
                var grid = $find("<%= rgAvailable.ClientID %>");
                var masterTable = grid.get_masterTableView();
                 
                masterTable.set_dataSource(results.d);
                masterTable.dataBind();
                masterTable.set_virtualItemCount(0);
                 
                gridResults = results.d;
             
                // clear tooltips
 
//                var tooltipManager = $find("<%=rttmRgAvailable.ClientID %>");
//                tooltipManager._targetControls.clear();
                 
                var loadingPanel = $find("<%=rlpAvailable.ClientID %>");
                if (loadingPanel) {
 
                    loadingPanel.hide("<%=pnlAvailable.ClientID %>");
                }
            }
 
            function RgAvailable_OnCommand(sender, eventArgs) {
 
                debugger;
                var masterTable = sender.get_masterTableView();
 
                if (eventArgs.get_commandName() == "Sort") {
                    eventArgs.set_cancel(true);
                    SortGrid(masterTable);
                     
                }
 
            }
 
            function SortGrid(masterTable) {
             
                var loadingPanel = $find("<%=rlpAvailable.ClientID %>");
                if (loadingPanel) {
 
                    loadingPanel.show("<%=pnlAvailable.ClientID %>");
                }
                var sortExpression = GetSortOrder(masterTable);
                if (sortExpression) {
 
                    var sortField = sortExpression.get_fieldName();
                    var sortOrder = sortExpression.get_sortOrder();
 
                    SortGridData(sortField, sortOrder);
 
                }
                masterTable.set_dataSource(gridResults);
                masterTable.dataBind();
                loadingPanel.hide("<%=pnlAvailable.ClientID %>");
            }
                     
 
            function SortGridData(sortField, sortOrder) {
 
                switch (sortField) {
 
 
                    case "UserName":
                        gridResults.sort(sortByUserName);
                        break;
                    case "Title":
                        gridResults.sort(sortByTitle);
                        break;
                    case "Status":
                        gridResults.sort(sortByStatus);
                        break;
                    case "HireDate":
                        gridResults.sort(sortByHireDate);
                        break;
                    case "Email":
                        gridResults.sort(sortByEmail);
                        break;
                    case "Text":
                        gridResults.sort(sortByText);
                        break;
 
                }
 
                if (sortOrder == 2) {
                    gridResults.reverse();
                }
                 
            }
 
            function sortByUserName(a, b) {
 
                var x = a.UserName;
                var y = b.UserName;
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
 
            }
 
            function sortByTitle(a, b) {
                var x = a.Title;
                var y = b.Title;
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
                 
            }
 
            function sortByStatus(a, b) {
                var x = a.Status;
                var y = b.Status;
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
 
            }
 
            function sortByEmail(a, b) {
                var x = a.Email;
                var y = b.Email;
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
            }
 
            function sortByText(a, b) {
                var x = a.Text;
                var y = b.Text;
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
            }
 
            function sortByHireDate(a, b) {
 
                var x = new Date(a.HireDateString);
                var y = new Date(b.HireDateString);
 
                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
            }
             
            function GetSortOrder(tableView) {
 
                var sortExpressions = tableView.get_sortExpressions();
                var sortExpression = new Telerik.Web.UI.GridSortExpression();
                 
                //obtain the values from the GridSortExpression properties
                if (sortExpressions.get_count() > 0) {
                    sortExpression = sortExpressions.getItem(0);
                }
                return sortExpression;
            }
 
            function RgAvailable_OnRowDataBound(sender, row) {
                 
                var rowItem = row.get_item();
                var gridDataItem = row.get_dataItem();
                var tooltip = gridDataItem.Tooltip;
                var cell1 = sender.get_masterTableView()
                                  .getCellByColumnUniqueName(rowItem, "UserNameColumn");
                AddTooltip(cell1, tooltip);
 
                var cell2 = sender.get_masterTableView()
                                  .getCellByColumnUniqueName(rowItem, "TitleColumn");
                AddTooltip(cell2, tooltip);
                var cell3 = sender.get_masterTableView()
                                  .getCellByColumnUniqueName(rowItem, "StatusColumn");
                AddTooltip(cell3, tooltip);
                var cell4 = sender.get_masterTableView()
                                  .getCellByColumnUniqueName(rowItem, "HireColumn");
                AddTooltip(cell4, tooltip);
                var cell5 = sender.get_masterTableView()
                                  .getCellByColumnUniqueName(rowItem, "PhoneColumn");
                AddTooltip(cell5, tooltip);
 
            }
 
            function AddTooltip(element, message) {
                 
                var tooltipManager = $find("<%=rttmRgAvailable.ClientID %>");
 
                if (!tooltipManager) return;
 
                //Find the tooltip for this element if it has been created
                var tooltip = tooltipManager.getToolTipByElement(element);
 
                //Create a tooltip if no tooltip exists for such element
                if (!tooltip) {
 
                    tooltip = tooltipManager.createToolTip(element);
                     
                }
 
                tooltip.set_content(message);
 
            }
             
            //]]>
     
        </script>

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="WhoIsAvailable.aspx.vb"
    Inherits="Scheduler_WhoIsAvailable" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title>Who Is Available</title>
    <link href="../Styles/form.css" rel="stylesheet" type="text/css" />
    <!--[if IE ]>
    <link href="../Styles/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--[if IE 8 ]>
    <link href="../Styles/ie8.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--[if IE 7 ]>
    <link href="../Styles/ie7.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--[if IE 6 ]>
    <link href="../Styles/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <style type="text/css">
        .availableWrapper
        {
            width: 100%;
            margin: 0;
            padding:0;
            background-color: Transparent;
            max-width: 100%;
            height:100%;
             
        }
        .boxAvailable
        {
            clear: both;
            width: 700px;
            margin: 0 auto 0;
        }
        .loading
        {
            background-color: #fff;
            height:100%;
            width:100%;
            top:-10px;
        }
 
    </style>
</head>
<body  style="background-image: url('../Images/quickApprovalBG.gif'); background-repeat: repeat;padding:0;margin:0;">
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="rsmAvailable" runat="server">
    </telerik:RadScriptManager>
    <uc:ControlDecorator ID="ControlDecorator" runat="server" />
    <telerik:RadWindowManager ID="rwAvailable" runat="server">
    </telerik:RadWindowManager>
    <telerik:RadAjaxLoadingPanel ID="rlpAvailable" runat="server" MinDisplayTime="400" IsSticky="true"
                  CssClass="RadLoadingPanel">
    </telerik:RadAjaxLoadingPanel>
     
    <%--<telerik:RadAjaxManager ID="ramAvailable" runat="server" DefaultLoadingPanelID="rlpAvailable">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="cmdPostBack" EventName="Click">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rgAvailable" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rgAvailable">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rttmRgAvailable" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>--%>
    <asp:Panel ID="pnlAvailable" runat="server" CssClass="availableWrapper" >
        <div class="boxAvailable">
            <asp:HiddenField ID="hfLoginKey" runat="server" />
            <asp:HiddenField ID="hfGridResults" runat="server" />
            <div class="title">
                Who is Available?
            </div>
            <asp:Button ID="cmdPostBack" runat="server" CssClass="invisibleButton" />
            <div style="text-align: left; height: 30px; width:700px; background-image: url('../Images/CopySchedulesHeader.gif');
                background-repeat: repeat;  margin-bottom: 0px; border-top: solid 1px #688caf;
                border-left: solid 1px #688caf; border-right: solid 1px #688caf;">
                <div class="left2Column" style="width: 340px; margin-top: 4px;" id="zoneStartDate">
                    <telerik:RadToolTipManager ID="rttmStartDate" runat="server" Skin="Hay" CssClass="RadToolTipStyle"
                        ToolTipZoneID="zoneStartDate" AutoTooltipify="true">
                    </telerik:RadToolTipManager>
                    <asp:Label ID="lblStartDate" runat="server" AssociatedControlID="txtStartDate">Start of Span*:</asp:Label>
                    <telerik:RadDatePicker ID="txtStartDate" runat="server" Width="100px" Skin="Office2007"
                        ToolTip="Select the beginning date and time for which you would like to query available users.">
                        <Calendar runat="server" ID="calStartDate" ClientEvents-OnCalendarViewChanged="OnCalendarViewChangedFrom">
                        </Calendar>
                        <ShowAnimation Type="Fade" Duration="500" />
                        <HideAnimation Type="Fade" Duration="500" />
                    </telerik:RadDatePicker>
                    <telerik:RadTimePicker runat="server" ID="txtStartTime" Width="100px" ToolTip="Select the beginning date and time for which you would like to query available users.">
                        <TimePopupButton Visible="true" />
                        <TimeView ID="TimeView1" runat="server" Columns="4" ShowHeader="false" StartTime="00:00"
                            EndTime="23:59" Interval="00:30" />
                    </telerik:RadTimePicker>
                </div>
                <div class="left2Column" style="width: 340px; margin-top: 4px;" id="zoneEndDate">
                    <telerik:RadToolTipManager ID="rttmEndDate" runat="server" Skin="Hay" CssClass="RadToolTipStyle"
                        ToolTipZoneID="zoneEndDate" AutoTooltipify="true">
                    </telerik:RadToolTipManager>
                    <asp:Label ID="lblEndDate" runat="server" AssociatedControlID="txtEndDate">End of Span*:</asp:Label>
                    <telerik:RadDatePicker ID="txtEndDate" runat="server" Width="100px" ToolTip="Select the ending date and time for which you would like to query available users.">
                        <ClientEvents OnDateSelected="TxtEndDate_DateSelected" />
                        <Calendar runat="server" ID="calEndDate" ClientEvents-OnCalendarViewChanged="OnCalendarViewChangedTo">
                        </Calendar>
                        <HideAnimation Type="Fade" Duration="500" />
                        <ShowAnimation Type="Fade" Duration="500" />
                    </telerik:RadDatePicker>
                    <telerik:RadTimePicker runat="server" ID="txtEndTime" Width="100px" ToolTip="Select the ending date and time for which you would like to query available users.">
                        <TimePopupButton Visible="true" />
                        <TimeView ID="TimeView2" runat="server" Columns="4" ShowHeader="false" StartTime="00:00"
                            EndTime="23:59" Interval="00:30" />
                    </telerik:RadTimePicker>
                </div>
            </div>
            <div id="zoneParms2" style="text-align: left; height: 30px; width:700px; background-image: url('../Images/CopySchedulesHeader.gif');
                background-repeat: repeat; margin-bottom: 0px; border-left: solid 1px #688caf;
                border-right: solid 1px #688caf;">
                <telerik:RadToolTipManager ID="rttpZoneParms2" runat="server" Skin="Hay" CssClass="RadToolTipStyle"
                    ToolTipZoneID="zoneParms2" AutoTooltipify="true">
                </telerik:RadToolTipManager>
                <div style="margin-left: 15px; float: left; margin-top: 4px;">
                    <telerik:RadComboBox ID="ddlDepartments" runat="server" CausesValidation="false"
                        Label="Department:" EmptyMessage="All Departments" ToolTip="Select a department to filter results to only users that are assigned to that department.">
                    </telerik:RadComboBox>
                </div>
                <div style="margin-left: 15px; float: left; margin-top: 4px;">
                    <telerik:RadComboBox ID="ddlTitles" runat="server" CausesValidation="false" Label="Title:"
                        EnableLoadOnDemand="true" EmptyMessage="All Titles" OnClientItemsRequesting="SetContextItems"
                        ToolTip="Select a title to filter results to only users that are assigned to that title.">
                        <WebServiceSettings Path="../Services/WhoIsAvailableServices.asmx" Method="GetTitles" />
                    </telerik:RadComboBox>
                </div>
                <div style="margin-left: 15px; float: left; margin-top: 4px;">
                    <telerik:RadComboBox ID="ddlStatuses" runat="server" CausesValidation="false" Label="Status:"
                        EnableLoadOnDemand="true" EmptyMessage="All Statuses" OnClientItemsRequesting="SetContextItems"
                        ToolTip="Select a status to filter results to only users that are assigned to that status.">
                        <WebServiceSettings Path="../Services/WhoIsAvailableServices.asmx" Method="GetStatuses" />
                    </telerik:RadComboBox>
                </div>
            </div>
            <div id="gridZone" style="display:none;">
            <telerik:RadGrid ID="rgAvailable" runat="server" AutoGenerateColumns="false" Width="700px"
                AllowSorting="true" Height="400px" EnableViewState="false">
                <ClientSettings EnablePostBackOnRowClick="false" EnableRowHoverStyle="true" >
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" ></Scrolling>
                    <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />
                    <Resizing AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="false" />
                    <ClientEvents  OnCommand="RgAvailable_OnCommand" OnRowDataBound="RgAvailable_OnRowDataBound"
                       
                     />
                     
                </ClientSettings>
                <MasterTableView ClientDataKeyNames="UserId" TableLayout='Fixed' Width="680px"
                     AllowMultiColumnSorting="false" HierarchyLoadMode="Client" ExpandCollapseColumn-Display="false"
                      
                >  
                     
                    <NoRecordsTemplate>
                        No Records Found
                    </NoRecordsTemplate>
                    <NestedViewTemplate >
                        <div class="form">
                            <telerik:RadScheduler ID="rsAvailable" runat="server" Height="200px" Width="650px"
                                DayStartTime="00:00:00" DayEndTime="23:59:59" ShowFooter="false" ShowAllDayRow="false"
                                DataKeyField="SysID" DataSubjectField="Subject" DataDescriptionField="Description"
                                DataStartField="Start" DataEndField="End" AllowEdit="false" AllowDelete="false"
                                AllowInsert="false" AppointmentStyleMode="Default" GroupingDirection="Horizontal"
                                MultiDayView-UserSelectable="false"  SelectedView="MultiDayView" WeekView-GroupingDirection="Horizontal"
                                MonthView-UserSelectable="false" WeekView-UserSelectable="false" DayView-UserSelectable="false" 
                                 
                            >
                                 
                            </telerik:RadScheduler>
                        </div>
                    </NestedViewTemplate>
                    <Columns>
                        <telerik:GridExpandColumn UniqueName="ExpandColumn" Display='true'     
                                 HeaderText=""
                                  HeaderStyle-Width="20px"
                                 ></telerik:GridExpandColumn>
                        <telerik:GridBoundColumn UniqueName="UserNameColumn" HeaderText="User" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" DataField="UserName"
                            HeaderStyle-Width="130px" HeaderStyle-Wrap="false" SortExpression="UserName"
                            HeaderStyle-Font-Underline="true">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="TitleColumn" HeaderText="Title" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" DataField="Title"
                            HeaderStyle-Width="130px" HeaderStyle-Wrap="false" SortExpression="Title"
                            HeaderStyle-Font-Underline="true">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="StatusColumn" HeaderText="Status" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" DataField="Status"
                            HeaderStyle-Width="60px" HeaderStyle-Wrap="false" SortExpression="Status"
                            HeaderStyle-Font-Underline="true">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="HireColumn" HeaderText="Hire Date" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" DataFormatString="{0:d}"
                            DataField="HireDate" HeaderStyle-Width="80px" HeaderStyle-Wrap="false"
                            SortExpression="HireDate" HeaderStyle-Font-Underline="true">
                        </telerik:GridBoundColumn>
                        <telerik:GridImageColumn UniqueName="EmailColumn" HeaderText="Email" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"
                            HeaderStyle-Width="40px" DataType="System.String" DataImageUrlFields="Email"
                            HeaderStyle-Wrap="false" SortExpression="Email" HeaderStyle-Font-Underline="true"
                            DataAlternateTextField="emailAddress" ImageAlign="Middle" ImageHeight="16px"
                            ImageWidth="16px" DataImageUrlFormatString="../Images/{0}.gif">
                        </telerik:GridImageColumn>
                        <telerik:GridImageColumn UniqueName="TextColumn" HeaderText="Text" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"
                            HeaderStyle-Width="40px" DataType="System.String" DataImageUrlFields="Text" HeaderStyle-Wrap="false"
                            SortExpression="Text" HeaderStyle-Font-Underline="true" ImageHeight="25px" ImageWidth="25px"
                            DataImageUrlFormatString="../Images/{0}.gif" DataAlternateTextField="cellPhone">
                        </telerik:GridImageColumn>
                        <telerik:GridBoundColumn UniqueName="PhoneColumn" HeaderText="Phone #" ItemStyle-Wrap="false"
                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" DataField="Phone" AllowSorting="false"
                             HeaderStyle-Width="100px" HeaderStyle-Wrap="false" HeaderStyle-Font-Underline="false">
                        </telerik:GridBoundColumn>
                         
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
            <telerik:RadToolTipManager ID="rttmRgAvailable" AutoTooltipify="false" 
                RelativeTo="Element" BorderWidth="1" BorderColor="White" BorderStyle="Ridge"
                runat="server" OffsetX="0"  OffsetY="0"
                HideDelay="500" AutoCloseDelay="60000" Width="400px"
                EnableShadow="true" Animation="None" Font-Names="Time New Roman" CssClass="RadToolTipStyle"
                 >
                
            </telerik:RadToolTipManager>
            </div>
            <input type="button" value="Query" onclick="javascript:QueryResultsGrid(); return false;" />
             
        </div>
    </asp:Panel>
    </form>
</body>
</html>


Marin
Telerik team
 answered on 13 Dec 2013
1 answer
127 views

Hello,


there is a strange bug in RadEditor control. Opening RadWindow from editor doesn't work in Chrome.



Check this page (in Chrome) http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

and click on "Document manager" icon.



Opened window is uninitialized and there is "jQuery is undefined" error. It comes from jQueryPlugins.js Telerik file.



Any chance to fix it or is there any workaround? It works in Firefox and IE, but doesn't work in Chrome and Opera (if I remember)



Thnx

Marin Bratanov
Telerik team
 answered on 13 Dec 2013
1 answer
139 views
Hello,

I just want to know where can I find the files for Radeditor 2010? Because it's easy to find the installation files for 2007 but not for 2010 version.

Thanks.
Stanimir
Telerik team
 answered on 13 Dec 2013
2 answers
205 views
I reviewed a number of support articles and forum messages regarding scrollIntoView.

The radTreeView is within an iframe.   When I call scrollIntoView with or without a timeout, it does not scroll.

I tried changing the page to use a radpane with a radsplitter, but I can't get rid of the border.  I didn't get far enough to see if the scrolling methods would work.

Do the scroll methods work when the object is within an iframe?
Peter
Top achievements
Rank 1
 answered on 13 Dec 2013
8 answers
171 views
I use a DetailsView directly in NestedViewTemplate. It is workable.
But I use a RadTabStrip in NestedViewTemplate, and DetailsView in RadTabStrip PageView.
I got a  tricky result. that is the DetailsView show one second and then disappear. 
Could anyone tell my what's wrong in it? Thanks.
the following is my code:
<div>
            <telerik:RadGrid ID="RadGrid1" runat="server" Culture="zh-TW" DataSourceID="LinqDataSource_apply" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" CellSpacing="0" GridLines="None" AllowFilteringByColumn="True" AllowSorting="True">
                <MasterTableView AutoGenerateColumns="False" DataSourceID="LinqDataSource_apply" CommandItemDisplay="Top" DataKeyNames="user_email" AllowPaging="True" PageSize="15">
                    <NestedViewTemplate>
                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1
"
SelectedIndex="0" Skin="Windows7">
                            <Tabs>
                                <telerik:RadTab runat="server" Text="USER" PageViewID="RadPageView1
"
></telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
                            <telerik:RadPageView ID="RadPageView1" runat="server">
                                <asp:LinqDataSource ID="LinqDataSource_register" runat="server" ContextTypeName="db_DataContext" EntityTypeName="" TableName="register" Where="email == @email">
                                    <WhereParameters>
                                        <asp:ControlParameter ControlID="Label1" Name="email" PropertyName="Text" Type="String" />
                                    </WhereParameters>
                                </asp:LinqDataSource>
                                <asp:Label ID="Label1" Font-Bold="true" Font-Italic="true" Text='<%# Eval("user_email") %>' Visible="false" runat="server"></asp:Label>
                                        <asp:DetailsView ID="DetailsView_user" runat="server" DataSourceID="LinqDataSource_register" Width="300px" Height="300px" AutoGenerateRows="false">
                                            <Fields>
                                                <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ReadOnly="True" SortExpression="id" />
                                                <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" />
                                                <asp:BoundField DataField="orgnaization" HeaderText="orgnaization" SortExpression="orgnaization" />
                                            </Fields>
                                        </asp:DetailsView>
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    </NestedViewTemplate>
                    <Columns>
                        <telerik:GridBoundColumn DataField="apply_no" FilterControlAltText="Filter apply_no column" HeaderText="apply_no" SortExpression="apply_no" UniqueName="apply_no" DataType="System.Int32" ReadOnly="True">
                            <ColumnValidationSettings>
                                <ModelErrorMessage Text=""></ModelErrorMessage>
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="user_email" FilterControlAltText="Filter user_email column" HeaderText="user_email" SortExpression="user_email" UniqueName="user_email">
                            <ColumnValidationSettings>
                                <ModelErrorMessage />
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="type" FilterControlAltText="Filter type column" HeaderText="type" SortExpression="type" UniqueName="type">
                            <ColumnValidationSettings>
                                <ModelErrorMessage />
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="usage" FilterControlAltText="Filter usage column" HeaderText="usage" SortExpression="usage" UniqueName="usage">
                            <ColumnValidationSettings>
                                <ModelErrorMessage Text="" />
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="date_apply" DataType="System.DateTime" FilterControlAltText="Filter date_apply column" HeaderText="date_apply" SortExpression="date_apply" UniqueName="date_apply">
                            <ColumnValidationSettings>
                                <ModelErrorMessage Text="" />
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="review_status" FilterControlAltText="Filter review_status column" HeaderText="review_status" SortExpression="review_status" UniqueName="review_status">
                            <ColumnValidationSettings>
                                <ModelErrorMessage Text="" />
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="reject" DataType="System.Int32" FilterControlAltText="Filter reject column" HeaderText="reject" SortExpression="reject" UniqueName="reject">
                            <ColumnValidationSettings>
                                <ModelErrorMessage Text="" />
                            </ColumnValidationSettings>
                        </telerik:GridBoundColumn>
                    </Columns>
                    <EditFormSettings>
                        <EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1" ButtonType="ImageButton">
                        </EditColumn>
                        <PopUpSettings Modal="true" />
                    </EditFormSettings>
                    <ItemStyle HorizontalAlign="Center" />
                    <AlternatingItemStyle HorizontalAlign="Center" />
                    <HeaderStyle HorizontalAlign="Center" />
                    <FilterItemStyle HorizontalAlign="Center" />
                </MasterTableView>
            </telerik:RadGrid>
        </div>
        <asp:LinqDataSource ID="LinqDataSource_apply" runat="server" ContextTypeName="db_DataContext" EntityTypeName="" TableName="apply" EnableDelete="True" EnableInsert="True" EnableUpdate="True"></asp:LinqDataSource>




Viktor Tachev
Telerik team
 answered on 13 Dec 2013
11 answers
474 views
I've checked the documentation, but I don't see anything about disabling the "Image Editor" feature of the Image Manager dialog.  Can it be done?

Vessy
Telerik team
 answered on 13 Dec 2013
1 answer
126 views
Hi,

I am using File Explorer first time.
Is this possible to have a folder to be listed in this control from 'D' drive of local machine.
Please give me a solution for this.

Thanks in advance.

Regards,
AGM Raja.
Vessy
Telerik team
 answered on 13 Dec 2013
1 answer
697 views
I'm going to try and make this as short as possible another developer created some controls, I am attempting to use a checkboxlist that when an item is selected to have the data entered in a Listbox.  With using a postback the page refreshes every time I select an item, so I started searching on how to postback without refreshing the page. The closest that I have gotten is with the attached code; the issue with the current code is the information is entered into the box but it is as though some event is waiting to happen after I select an item because I am getting the spinning symbol when I move around various spots on the page and it prevents me from clicking on a seperate button while this is occurring.  If anyone can provide any assistance please help.  I have attempted to use the below forums as reference.

http://www.telerik.com/community/forums/community-forums/web-2/radgrid-refresh-without-postback.aspx

http://www.telerik.com/community/forums/aspnet-ajax/window/radwindow-and-radajaxpanel.aspx
 
in ascx
<telerik:RadComboBox ID="rcb_County" runat="server" OnDataBound="rcb_County_DataBound">
                                <ItemTemplate>
                                    <asp:CheckBoxList ID="cbl_County" runat="server" autopostback="True" OnSelectedIndexChanged="CheckBoxList_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </ItemTemplate>
                            </telerik:RadComboBox>
                            <asp:CustomValidator ID="cvCounty" runat="server" ClientValidationFunction="validateCounty"
                                CssClass="validation" ErrorMessage="* Required"></asp:CustomValidator>
in ascx
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <ClientEvents></ClientEvents>
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="rcb_County">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="rcb_County" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
 
Code Behind
protected void CheckBoxList_SelectedIndexChanged(object sender, EventArgs e)
        {
            ListBox.Items.Clear();
            System.Threading.Thread.Sleep(1000);
            CheckBoxList cbl_County = rcb_County.Items[0].FindControl("cbl_County") as CheckBoxList;
            foreach (ListItem val in cbl_County.Items)
            {
                if (val.Selected)
                {
                    ListBox.Items.Add(val.Text);
                }
            }
        }
Nencho
Telerik team
 answered on 13 Dec 2013
15 answers
350 views
We are using the RadGrid control to retrieve User objects from a repository that uses NHibernate to retrieve the objects. I am using an object data source defined as:
<asp:ObjectDataSource ID="UsersData" runat="server" SelectMethod="GetAll" DataObjectTypeName="TestingApp.Lib.Domain.User" TypeName="TestingApp.Lib.Repositories.UserRepository">
</asp:ObjectDataSource>

The method signature for GetAll is as follows:
public IEnumerable<User> GetAll();

With NHibernate, some Users are actually AdminUsers which extends User. It seems the repository is currently returning an AdminUser object first, and the control seems to be assuming then that the rest of the objects will be AdminUser rather than User. This causes the following exception to be thrown:
"Unable to cast object of type 'TestingApp.Lib.Domain.User' to type 'TestingApp.Lib.Domain.AdminUser'."

Is there a way to force the control to assume that data bound objects are User rather than AdminUser? Thanks!
Andy
Top achievements
Rank 1
Iron
 answered on 13 Dec 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?