Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
2.9K+ views
I have figured out the long way to get the Dropdown Selected value of the combobox, but is there a shorter way than all this code

So my current method is as follows
var SoldCounty = $find('<%= ddlSoldCounty.ClientID %>');
var sCounty = SoldCounty.get_value();
           
Then i can do something with the value.

However why does this not work

var SoldCounty = $find('<%= ddlSoldCounty.ClientID %>').get_value();
 
Or this
 
var SoldCounty = $find('<%= ddlSoldCounty.ClientID %>').get_SelectedValue();























Aneliya Petkova
Telerik team
 answered on 26 May 2015
1 answer
258 views

i am using two user control . one has radio button and another one has radtreeview.

i want to raise the checked event whenever the radio button selection changed. 

Please reply ASAP.. thanks in advance

Swarna

Nencho
Telerik team
 answered on 26 May 2015
1 answer
59 views
How do I disable the animations for RadFilter? I want the menus to open and close with no animation. I tried ContextMenu-ExpandDelay="0" ContextMenu-CollapseDelay="0" but they had no effect.
Angel Petrov
Telerik team
 answered on 26 May 2015
2 answers
114 views

We got this htmlChart with navigator. all seems to be ok on first load. but when the navigator change selection, the values from the when it first load still remains on the plotarea. can't seem to find what's causing this. any help appreciated.

 

 

 



 

Cheers! 

 

Francis

 

Danail Vasilev
Telerik team
 answered on 26 May 2015
1 answer
73 views

Hi!

 

I'm trying to gain insight into why my radial gauge looks fine in IE8 and above, but in IE7 I'm seeing the whole thing flipped upside down and misaligned. Everything I'm using to style the gauge seems very simple. Can anyone help? 

<div class="gauge-container">
    <div id="needGauge"></div>
</div>

<style scoped>
    #needGauge, #riskGauge {
        width: 75%;
        height: 65%;
        margin: -60px auto;
        clear: both;
    }
 
   .gauge-container {
       width: 100%;
       max-width: 220px;
       text-align: center;
       margin: 0 auto;
    }
</style>

Danail Vasilev
Telerik team
 answered on 26 May 2015
8 answers
270 views

i am having serious issue.

when a user tries to modify the dates, they have to first modify the End Date so it falls after the Start Datet, otherwise if they try and modify the Start Date, and it is after the current date, a warning message will display and they cannot modify the Start Date until the End Date is modified to be after the Start Date. To work around this a user must enter the End Date first and then they can modify the Start Date. When this is done, after the both the End and Start Dates are entered, the End Date changes to some arbitrary date and the End Date has to be reentered.

 

please help. how can i fix it.

Ivan Danchev
Telerik team
 answered on 26 May 2015
1 answer
102 views

I'm evaluating the Kendo UI Gantt chart to see if it fits our project requirements.One particular requirement is to display a status column which would be a drop down in edit mode and has three statusesRed 2. Green 3. Yellow, along with an image indicator something like what is shown in the image1 below

 

I am able to achieve the above effect when i edit a cell after using a custom editor for the drop down

 

function statusDropDownEditor(container, options) {
        $('<input data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                dataTextField: "Status",
                dataValueField: "StatusId",
                valueTemplate: '<img class="selected-value" src="#:data.Url#" alt="#:data.Status#" /><span>#:data.Status#</span>',
                template: '<img class="selected-value" src="#:data.Url#" alt="#:data.Status#" /><span>#:data.Status#</span>',
                dataSource: {
                    transport: {
                        read: function (e) {
                            // on success
                            e.success([{ Status: 'Not Started', StatusId: '0', Url: 'Image/red.png' }, { Status: 'Red', StatusId: '1', Url: 'Image/red.png' }, { Status: 'Green', StatusId: '2', Url: 'Image/red.png' }, { Status: 'Yellow', StatusId: '3', Url: 'Image/red.png' }]);
                            // on failure
                            //e.error("XHR response", "status code", "error message");
                        }
                    }
                }
            })
    }

 

The Gantt Column for Status looks like the below snippet

 

{ field: "status", title: "Status", editable: true, width: 150, editor: statusDropDownEditor, template: '<img class="selected-value" src="#:data.Url#" alt="#:data.Status#" /><span>#:data.Status#</span>' }

 

However when done with selecting a particular item from drop down and on exiting the edit mode this is how the cell looks like(image2)

 

Seems like the default cell template in read only mode does not render html and the invokes the toString of the object bound to the cell, is there a way to fix this in the kendo UI Gantt

Nencho
Telerik team
 answered on 26 May 2015
3 answers
809 views

I am needing to set the code behind TooltipAppearance DataFormatString. 

I have not had much success with the documentation, I am hoping someone else has had a similar issue.

 

​

 

<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Height="400px" Width="480px" CssClass="fb-sized" OnPreRender="RadHtmlChart1_PreRender">
 
               <PlotArea>
                   <Series>
                       <telerik:PieSeries DataFieldY="TypeCount" ExplodeField="IsExploded" NameField="Area">
                           <LabelsAppearance DataFormatString="{0}">
                           </LabelsAppearance>
                           <TooltipsAppearance Color="White">
                               <ClientTemplate>
                               #=dataItem.Area#<br />#=dataItem.TypeCount#
                               </ClientTemplate>
                           </TooltipsAppearance>
 
                       </telerik:PieSeries>
                   </Series>
               </PlotArea>
 
           </telerik:RadHtmlChart>

 

public void buildChart()
   {
       PieSeries pieSeries1 = new PieSeries();
       pieSeries1.Name = "Chart";
       
       pieSeries1.LabelsAppearance.Visible = false;
       pieSeries1.TooltipsAppearance.Color = System.Drawing.Color.White;
       pieSeries1.TooltipsAppearance.DataFormatString = "???????????";
       // What I need in the template is the series name and then the value  somethin like this:  #=dataItem.Name#<br />#=dataItem.Valu#
       
       pieSeries1.SeriesItems.Add(10, Color.Yellow, "Student");
       pieSeries1.SeriesItems[0].Visible = false;
       pieSeries1.SeriesItems.Add(20, Color.Red, "Staff");
       pieSeries1.SeriesItems.Add(50, Color.Green, "Room");
       pieSeries1.SeriesItems.Add(20, Color.Purple, "Transfer");
 
       RadHtmlChart1.PlotArea.Series.Add(pieSeries1);
       
 
      
   }
   protected void Page_Load(object sender, EventArgs e)
   {
       buildChart();
  }

Danail Vasilev
Telerik team
 answered on 26 May 2015
21 answers
1.9K+ views
Hi, All:

I am using RadGrid.  I want to hide the entire column in normail mode.  But in Edit mode, I want to display this column for editting.

here is my codes:

<

rad:GridTemplateColumn HeaderText="Billed">
<EditItemTemplate>
<asp:TextBox ID="tbBilled" runat="server" Text='<%# Bind("Billed", "{0:MM/dd/yyyy}") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblBilled" runat="server" Text='<%# Bind("Billed", "{0:MM/dd/yyyy}") %>'></asp:Label>
</ItemTemplate>
</rad:GridTemplateColumn>

Please give some detail on the implementation. 
Thanks.

Stanley

Angel Petrov
Telerik team
 answered on 26 May 2015
9 answers
1.2K+ views
I'm getting a performance issue when I try to export my grid to Excel.  The data source has about 67,000 records and the filtered result set has about 12,000 records.  Is it normal for the Excel export to run for 20 minutes without showing any results when there are that many records?  Is there anything in my code that I could tweak to avoid this issue?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PinList.aspx.cs" Inherits="PinList" 
    MasterPageFile="~/Admin/Masterpages/AdminPageWithMenu.master" Theme="MillenniumAdmin" 
    Title="PIN List" %> 
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">  
 
    <script type="text/javascript">  
        function OpenRadWindowCreateNewPins()  
        {  
             var oWindow = radopen("Popups/NewPIN.aspx", null);  
             oWindow.op  
             oWindow.SetSize(600, 520);  
        }  
         
       //Reloads PIN Grid   
       function OnClientClose(radWindow)  
       {  
            location.reload();  
       }  
    </script> 
 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="PageTitle" runat="Server">  
    PIN List  
</asp:Content> 
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">  
    <telerik:RadWindowManager ID="winMgr" Skin="Outlook" Behaviors="Close, Move, Resize" 
        Modal="true" VisibleStatusbar="false" runat="server" Width="520px" Height="450px" 
        OnClientClose="OnClientClose">  
    </telerik:RadWindowManager> 
    <asp:Label ID="Message" runat="server" EnableViewState="false"></asp:Label> 
    <telerik:RadGrid ID="PinGrid" runat="server" AutoGenerateColumns="false" AllowAutomaticDeletes="false" 
        AllowAutomaticInserts="false" AllowAutomaticUpdates="false" ShowStatusBar="true" 
        AllowMultiRowSelection="false" AllowPaging="true" PageSize="30" OnNeedDataSource="PinGrid_NeedDataSource" 
        OnItemCreated="PinGrid_ItemCreated" AllowFilteringByColumn="true" OnPreRender="PinGrid_PreRender" 
        OnItemCommand="PinGrid_ItemCommand" Width="90%">  
        <ExportSettings> 
            <Excel Format="ExcelML" /> 
        </ExportSettings> 
        <MasterTableView AllowNaturalSort="false" CommandItemDisplay="Top" DataKeyNames="PINID" 
            AutoGenerateColumns="false" AllowSorting="true">  
            <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle> 
            <CommandItemTemplate> 
                <asp:LinkButton ID="lnlRebind" runat="server" OnClientClick="javascript:location.reload()" 
                    CommandName="RebindGrid" Visible='true'><img class="middle" alt="" src="../Images/Telerik/Refresh.gif" /> Refresh</asp:LinkButton>&nbsp;&nbsp;  
                <asp:HyperLink NavigateUrl="#" ID="GenerateNewPins" runat="server" Visible='<%# NewMillennium.Authorization.UserHasPermission(NewMillennium.FunctionalityName.CreateEditReps) %>' 
                    onclick="OpenRadWindowCreateNewPins();return false;"><img class="middle" alt="" src="../Images/Telerik/new.gif" /> 
                        Generate New PINs</asp:HyperLink>&nbsp;&nbsp;  
                <asp:LinkButton ID="lnlExportToExcel" runat="server" OnClick="ExportToExcelClick" 
                    Visible='true'><img class="middle" alt="" src="../Images/Telerik/excel.gif" /> Export</asp:LinkButton>&nbsp;&nbsp;  
                &nbsp;  
            </CommandItemTemplate> 
            <Columns> 
                <telerik:GridBoundColumn HeaderText="PinID" DataField="PINID" UniqueName="PINID" 
                    SortExpression="PINID" ReadOnly="true" Visible="false">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="DateCreated" HeaderText="Date Generated" SortExpression="DateCreated" 
                    CurrentFilterFunction="Between" AutoPostBackOnFilter="true" UniqueName="DateCreated" 
                    DataFormatString="{0:M/d/yyyy}" AllowFiltering="false">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn HeaderText="PIN" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" 
                    DataField="PIN" UniqueName="PIN" SortExpression="PIN" ReadOnly="true" Visible="true">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn HeaderText="Program" CurrentFilterFunction="StartsWith" 
                    AutoPostBackOnFilter="true" DataField="ProjectName" UniqueName="ProjectName" 
                    SortExpression="ProjectName" DataType="System.String" ReadOnly="true" Visible="true">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn HeaderText="Rep First Name" CurrentFilterFunction="StartsWith" 
                    AutoPostBackOnFilter="true" DataField="RepFirstName" UniqueName="RepFirstName" 
                    SortExpression="RepFirstName" DataType="System.String" ReadOnly="true" Visible="true">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn HeaderText="Rep Last Name" CurrentFilterFunction="StartsWith" 
                    AutoPostBackOnFilter="true" DataField="RepLastName" UniqueName="RepLastName" 
                    SortExpression="RepLastName" DataType="System.String" ReadOnly="true" Visible="true">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn HeaderText="Territory Name" CurrentFilterFunction="StartsWith" 
                    AutoPostBackOnFilter="true" DataField="TerritoryName" UniqueName="TerritoryName" 
                    SortExpression="TerritoryName" ReadOnly="true" Visible="true">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn HeaderText="Used" AutoPostBackOnFilter="true" DataField="UsedString" 
                    UniqueName="Used" SortExpression="UsedString" ReadOnly="true" Visible="true">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="OrderDate" HeaderText="Date Used" SortExpression="OrderDate" 
                    CurrentFilterFunction="Between" AutoPostBackOnFilter="true" UniqueName="OrderDate" 
                    DataFormatString="{0:M/d/yyyy}" AllowFiltering="false">  
                </telerik:GridBoundColumn> 
            </Columns> 
        </MasterTableView> 
    </telerik:RadGrid> 
</asp:Content> 
 

using System;  
using System.Collections;  
using System.Collections.Generic;  
using System.Configuration;  
using System.Data;  
using System.Data.SqlClient;  
using System.Web;  
using System.Web.Security;  
using System.Web.UI;  
using System.Web.UI.HtmlControls;  
using System.Web.UI.WebControls;  
using NewMillennium;  
using Telerik.Web.UI;  
 
public partial class PinList : MillenniumPage  
{  
    protected void Page_Load(object sender, EventArgs e)  
    {  
        if (!Authorization.UserHasPermission(FunctionalityName.ViewRepList)) FormsAuthentication.RedirectToLoginPage();  
        Common.SetGridSkin(PinGrid);  
    }  
    protected void PinGrid_PreRender(object sender, EventArgs e)  
    {  
 
    }  
    /// <summary>  
    ///  
    /// </summary>  
    protected void PinGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)  
    {  
        PinGrid.DataSource = PinData.GetPinList();  
        Common.HideExtraFilterOptions(PinGrid);  
    }  
 
    protected void PinGrid_ItemCreated(object sender, GridItemEventArgs e)  
    {  
        Common.HideFilterButtonsForNewVersion(PinGrid, e.Item);  
    }  
 
    protected void ExportToExcelClick(object sender, EventArgs e)  
    {  
        string filename = "PinExport-" + DateTime.Now.ToLongDateString().Trim().Replace(" ""-").Replace(",""");  
 
        this.PinGrid.ExportSettings.FileName = filename;  
        this.PinGrid.ExportSettings.OpenInNewWindow = true;  
        this.PinGrid.ExportSettings.ExportOnlyData = true;  
        this.PinGrid.ExportSettings.IgnorePaging = true;  
 
        foreach (GridItem commandItem in this.PinGrid.MasterTableView.GetItems(GridItemType.CommandItem))  
        {  
            commandItem.Visible = false;  
        }  
 
        this.PinGrid.MasterTableView.ExportToExcel();  
    }  
    protected void PinGrid_ItemCommand(object sender, GridCommandEventArgs e)  
    {  
        if (e.CommandName == RadGrid.FilterCommandName && e.Item is GridFilteringItem)  
        {  
        }  
    }  
    protected void DisplayMessage(string message, string cssClass)  
    {  
        Message.Text = message;  
        Message.CssClass = cssClass;  
    }  
}  
 
 


Kostadin
Telerik team
 answered on 26 May 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?