3 answers

333 views

Hello,

I've been struggling with this problem for many hours now. Basically I'm interested in finding out how to have resizable detail table columns which don't mess up the grid size and scrolling when you resize them.

I've attached a small demo that shows the problem. If you expand a detail record and then resize a column in it, the grid basically loses scrolling and resizes itself. I have not enabled resize grid on column resize.

Help would be very much appreciated! If there is a demo out there somewhere that shows resizable columns in a hierarchy that would be helpful as well. I cannot find any demo on the Telerik site which shows hierarchy and resizable columns at the same time!

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" CellSpacing="0"

GridLines="None" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource"

Skin="Vista" Width="800px">

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Resizing AllowColumnResize="True" />

</ClientSettings>

<MasterTableView>

<DetailTables>

<telerik:GridTableView runat="server">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter column column" HeaderText="DetailCol0"

UniqueName="column">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column1 column" HeaderText="DetailCol1"

UniqueName="column1">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column2 column" HeaderText="DetailCol2"

UniqueName="column2">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column3 column" HeaderText="DetailCol3"

UniqueName="column3">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</telerik:GridTableView>

</DetailTables>

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter column column" HeaderText="MasterCol0"

UniqueName="column">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column1 column" HeaderText="MasterCol1"

UniqueName="column1">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column2 column" HeaderText="MasterCol2"

UniqueName="column2">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</form>

</body>

</html>

public partial class Default : System.Web.UI.Page

{

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

List<string> theList = new List<string> { "a", "b", "c" };

RadGrid1.DataSource = theList;

}

protected void RadGrid1_DetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e)

{

List<string> theList2 = new List<string> { "d", "e", "f" };

e.DetailTableView.DataSource = theList2;

}

Grid

answered on 24 Jun 2011

1 answer

140 views

My postback issues

I'm using the RadAsyncUpload on a webform that have several components to perform certain operations. Initially, when I load the file, the FileUploaded is fired on the first postback as expected, and the file is copied to the intended directory in the server. This is my code for this part:

protected void AsyncUpload1_FileUploaded(object sender, Telerik.Web.UI.FileUploadedEventArgs e)
        {
            using (Stream stream = e.File.InputStream)
            {
                bool fileSaved = false;
                Random objRand = new Random();
                while (!fileSaved)
                {
                    string strUploadFileName = "~/tmp/" + DateTime.Now.ToString("yyyyMMddHHmmss") + ".xlsx";
 
                    if (!File.Exists(Server.MapPath(strUploadFileName)))
                    {
                        byte[] xlsData = new byte[stream.Length];
                        stream.Read(xlsData, 0, (int)stream.Length);
 
                        FileStream fs = new FileStream(Server.MapPath(strUploadFileName), FileMode.Create, FileAccess.ReadWrite);
                        BinaryWriter bw = new BinaryWriter(fs);
                        bw.Write(xlsData);
                        bw.Close();
 
                        ViewState["currXLFile"] = Server.MapPath(strUploadFileName);
                        //read contents now...
                        LoadData();
 
                        fileSaved = true;
                    }                
                 
                }               
                 
            }
        }

The problem is that there are other components that fire the postback event on the same page after the file upload, which fires over and over again the FileUploaded event, with the big problem that after the second time it postbacks it generates an exception at this line:

using (Stream stream = e.File.InputStream)

Which has sense since the file was copied already on the first postback, so the InputStream is not usable anymore. Can you recommend me a way to make sure that this line is excuted only when a file was actually uploaded and not on every single postback event? hopefully something more elegant of what I did for now: just putting a try-catch block and ignoring the error.

Thanks,

AsyncUpload

answered on 24 Jun 2011

6 answers

197 views

How to set TimelineView-StartTime property in JavaScript/MVC

Hi all
I am developing an ASP.NET MVC application. I have radScheduler in one page connected to a web service which pulls appoinments from the database. There are different appoinment types and there is one appoinment which can be moved across time slots. I need to show that appoinment in the scheduler when the page is loaded(initially and dynamically with other client side events). In order to do that I need to set "TimelineView-StartTime" property. It is a serverside property and I cannot find the corresponding JavaScript property. Since this is an MVC application I cannot set the property within server side tags. Could you please tell me how to set this "TimelineView-StartTime" property in ASP.NET MVC application dynamically? I cannot find the corresponding JavaScript property.
Thanks in advance
Kushil

Scheduler

answered on 24 Jun 2011

3 answers

223 views

radwindow problem with special charaters

When a user clicks on a hyperlink inside the grid it opens up a rad window, if the passing value has apostrophe ( ' ) in the text field, a js error is thrown. How to overcome this problem.

Thanks

Jessy

Window

answered on 24 Jun 2011

4 answers

144 views

How to add control to FilterTemplate

I have code like this

<Columns>

<telerik:GridBoundColumn DataField="TaskID" HeaderText="taskID"

UniqueName="TaskID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskName" HeaderText="ชื่องาน"

UniqueName="TaskName">

<FilterTemplate>

<telerik:RadComboBox ID="RadComboBox1" Runat="server"

ShowToggleImage="False" Skin="Vista" AutoPostBack="True"

MarkFirstMatch="True" EnableLoadOnDemand="true"

onitemsrequested="RadComboBox1_ItemsRequested"

onselectedindexchanged="RadComboBox1_SelectedIndexChanged">

</telerik:RadComboBox>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete"

ConfirmText="Do you want to delete this item?" ConfirmTitle="Delete"

Text="Delete" UniqueName="column1">

</telerik:GridButtonColumn>

</Columns>

In this code I add "RadComboBox1" to FilterTemplate on GridBoundColumn name "ชื่องาน" on Design page on aspx

but I don't want to add this control like this. I want to add this control using Code Behind help me please.

Grid

answered on 24 Jun 2011

3 answers

531 views

Radtreeview selected node text and value displaying null?

Hi,

I ha a RadTreeview like this

<telerik:RadTreeView ID="RadTreeView_CommonControls" runat="server"

Skin="Windows7" OnClientDoubleClick="SetPlaceHolders">

<Nodes>

<telerik:RadTreeNode Text="Text Controls">

<Nodes>

<telerik:RadTreeNode Text="Text Area" Value="<Text Area></Text Area>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Regards Template" Value="<Regards></Regards>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Intro Template" Value="<Intro></Intro>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Sat Intro Template" Value="<About Sat></About Sat>"></telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode Text="Audio Controls">

<Nodes>

<telerik:RadTreeNode Text="Embed Audio" Value="<Embed Audio></Embed Audio>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Upload Audio" Value="<Upload Audio></Upload Audio>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Upload BGM" Value="<Upload BGM></Upload BGM>"></telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode Text="Video Controls">

<Nodes>

<telerik:RadTreeNode Text="Embed Video" Value="<Embed Video></Embed Video>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Upload Video" Value="<Embed Video></Embed Video>"></telerik:RadTreeNode>

<telerik:RadTreeNode Text="Upload Video and Audio" Value="<Embed Video></Embed Video>"></telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

I am trying to access the selected node value and text when i double click on node

Javascript function

function SetPlaceHolders(sender, args) {

var TreeView = $find("<%=RadTreeView_CommonControls.ClientID%>");

var SelectedNode_Tree = TreeView.get_selectedNode();

SelectedNode_Tree = TreeView.SelectedNode;

debugger;

}

var SelectedNode_Tree = TreeView.get_selectedNode(); //This is displaying Null

SelectedNode_Tree = TreeView.SelectedNode; // This raising as Undefined





Will u please help me to fnd out this?

TreeView

answered on 24 Jun 2011

1 answer

184 views

RadGrid with dynamically created template column containing Multiselect combobox

Hi,
I am using a rad grid. I have added custom template columns dynamically. On template column i am having a custom multiselect combobox (RadComboBox with CheckBox and Label inside ItemTemplate).

How can i access the combo selected value on post back due to save buton click.
if possible send me sample solution with dynamically created multiselect ComboBox.

I am using following code snnipet for custom combobox:

public class CustomDDLItemTemplate : ITemplate
{

ListItemType templateType;
string ColName = "AppName";

    /// <summary>
    /// Create the template
    /// </summary>
    /// <param name="container"></param>
    public void InstantiateIn(Control container)
    {
        CheckBox checkBox = new CheckBox();
        Label lblDisplayText = new Label();

        checkBox.ID = "checkBox";
        checkBox.Attributes.Add("onclick", "onCheckBoxClick(this,'"+ container.ClientID +"');");

        lblDisplayText.ID = "label";
        lblDisplayText.DataBinding += new EventHandler(this.Label_DataBind);

// Create a new HtmlGenericControl.
HtmlGenericControl NewControl = new HtmlGenericControl("div");

// Set the properties of the new HtmlGenericControl control.
NewControl.Attributes.Add("onclick", "StopPropagation(event);");

// Add the new HtmlGenericControl to the Controls collection of the PlaceHolder control.
container.Controls.Add(NewControl);

        NewControl.Controls.Add(checkBox);
        NewControl.Controls.Add(lblDisplayText);
        break;
    }

    public void Label_DataBind(Object sender, EventArgs e)
    {
        Label lbl = (Label)sender;
        RadComboBoxItem radCombo = (RadComboBoxItem)lbl.NamingContainer;
        lbl.Text = DataBinder.Eval(radCombo.DataItem, ColName).ToString();
    }

}

ComboBox

answered on 24 Jun 2011

3 answers

85 views

Only want ONE tooltip!

I'm using a RadToolTipManager and setting the body of my Tooltip in the .Text property (serverside).

I then add lots of tables cells to the TargetControls collection.

All works fine.

However, I want to call some javascript functions triggered by jQuery event listeners attached to elements with a known id within my Tooltip markup - e.g. a button.

This is only working for the Tooltip shown on the first table cell I hover over.

Looking at the source code, I see that a separate ToolTip is generated for EVERY cell I hover over.

This means the same id's appear multiple times - not only is this bad HTML but my triggers only work on the first one.

Is there a way to force the RadToolTipManager to only ever create one Tooltip and show that every time?

Thanks

ToolTip

answered on 24 Jun 2011

1 answer

58 views

How to select this type of control in telerik

Hi,

I want use this control. Is telerik provide this one. Please see the attachment. There is one text box with two button to select numeric value.

Regards,
Reyaz

General Discussions

answered on 24 Jun 2011

1 answer

150 views

Telerik issues in single IP cluster server

Hello

We are are replacing the control library used in one of our legacy applications for asp .net ajax and while promoting the changes to our QA environment we are getting the following error:

Server Error in '/' Application.

A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond xxx.xxx.xxx.xxx:443

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.Net.Sockets.SocketException: A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond xxx.xxx.xxx.xxx:443

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:


            [SocketException (0x274c): A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond 207.179.132.114:443]
   System.Net.Sockets.Socket.DoConnect(EndPoint endPointSnapshot, SocketAddress socketAddress) +239
   System.Net.Sockets.Socket.InternalConnect(EndPoint remoteEP) +35
   System.Net.ServicePoint.ConnectSocketInternal(Boolean connectFailure, Socket s4, Socket s6, Socket& socket, IPAddress& address, ConnectSocketState state, IAsyncResult asyncResult, Int32 timeout, Exception& exception) +224

[WebException: Unable to connect to the remote server]
   System.Net.HttpWebRequest.GetResponse() +5375213
   System.Xml.XmlDownloadManager.GetNonFileStream(Uri uri, ICredentials credentials) +69
   System.Xml.XmlDownloadManager.GetStream(Uri uri, ICredentials credentials) +3929371
   System.Xml.XmlUrlResolver.GetEntity(Uri absoluteUri, String role, Type ofObjectToReturn) +54
   System.Xml.XmlTextReaderImpl.OpenUrlDelegate(Object xmlResolver) +74
   System.Threading.CompressedStack.runTryCode(Object userData) +70
   System.Runtime.CompilerServices.RuntimeHelpers.ExecuteCodeWithGuaranteedCleanup(TryCode code, CleanupCode backoutCode, Object userData) +0
   System.Threading.CompressedStack.Run(CompressedStack compressedStack, ContextCallback callback, Object state) +108
   System.Xml.XmlTextReaderImpl.OpenUrl() +186
   System.Xml.XmlTextReaderImpl.Read() +208
   System.Xml.XmlLoader.Load(XmlDocument doc, XmlReader reader, Boolean preserveWhitespace) +112
   System.Xml.XmlDocument.Load(XmlReader reader) +108
   System.Xml.XmlDocument.Load(String filename) +87
   AgPortal.Web.gmsNavigationMenu.LoadFromXML(String filename) in D:\projects\agportal\AgPortal 2.3\AgPortalWeb\GMSEntry\UserControls\gmsNavigationMenu.ascx.vb:15
   AgPortal.Web.gmsGrowerBusiness.Page_Load(Object sender, EventArgs e) in D:\projects\agportal\AgPortal 2.3\AgPortalWeb\GMSEntry\MainPages\gmsGrowerBusiness.aspx.vb:7
   System.EventHandler.Invoke(Object sender, EventArgs e) +0
   System.Web.UI.Control.OnLoad(EventArgs e) +99
   System.Web.UI.Control.LoadRecursive() +50
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +627

The rest of the application is working fine, just the pages using telerik controls are getting the error and even then everything works fine if the application is executed from individual members of the cluster.

Any ideas of what is going on here?

Regards,
Alejandro

PD: We are using a single IP two nodes cluster in QA.

General Discussions

answered on 24 Jun 2011