Questions on UI for ASP.NET AJAX Forum

3 answers

479 views

I have a grid, and I have the OnColumnResized client event wired up. My problem is that it appears to be firing way too much. I expected this to fire after the column is done being resized, but it appears to fire continuously, identical to the behavior of OnColumnResizing.

Here is my javascript function:

                    <script language="javascript" type="text/javascript">         
            function ColumnResized(sender, eventArgs)         
            {         
                var columnIndex = eventArgs.get_gridColumn().get_element().cellIndex;         
                var newWidth = eventArgs.get_gridColumn().get_element().offsetWidth;         
                         
                $("#<%= txtIndex.ClientID %>").val(columnIndex);         
                $("#<%= txtWidth.ClientID %>").val(newWidth);         
            }         
            </script>         

All I am doing at this point is updating some textboxes with jQuery after the event. Here is my grid definition:

                    <telerik:RadGrid ID="radGrid" runat="server" ShowHeader="true" Width="100%" GridLines="Both">         
                      <ClientSettings>         
                          <Resizing AllowColumnResize="true" AllowRowResize="false" ResizeGridOnColumnResize="false" EnableRealTimeResize="true" />         
                          <ClientEvents OnColumnResized="ColumnResized" OnColumnResizing="ColumnResizing" />         
                      </ClientSettings>         
                      <HeaderStyle HorizontalAlign="center" />         
                      <ItemStyle HorizontalAlign="center" />         
            </telerik:RadGrid>         

The columns are being set up in the code-behind. When I run this, The textboxes constantly update as I am resizing the column, where I expected the value to update only once, when I stop dragging the column. Can anyone tell me why this is happening?

Grid

answered on 11 Jun 2010

4 answers

410 views

RadComboBox Not Allowing Spaces In Custom Text

I have the following RadComboBox bound to a list of US States

<telerik:RadComboBox

ID="ddlPropertyState"

Runat="server"

Skin="Windows7"

Width="140px"

AutoPostBack="true"

AllowCustomText="true"

EmptyMessage="Choose..."

MarkFirstMatch="true"

EnableTextSelection ="true"

onselectedindexchanged="ddlPropertyState_SelectedIndexChanged1"

>

</telerik:RadComboBox>

The state names represent the full state names (i.e. New York). When I type New, I get New Hampshire selected (due to alphabetical order), however hitting the space bar has no effect (i.e. I can't type New<space>York). Is there a problem in my configuration that prevents me from doing that?

Thanks,

Nathan

ComboBox

answered on 11 Jun 2010

1 answer

310 views

[Solved] When Cancel command is not closing the form template

Hi,

I have created a radgrid that uses an editformtemplate to allow for inserts and updates to data. We are using our own code to insert data into the database and to update the data in the database. In the formtemplate we have the update button being set to different commands based on the container. We also have a cancel button in the form.

If the user is editing a record and presses the cancel button the screen will refresh and the form is gone leaving only the grid. If the user is creating a record and presses the cancel button the screen will refreash but the form is still present on the screen. Here is the code we are currently using in the itemcommand event of the radgrid:

protected void rgFormFields_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == "Cancel")

{

e.Canceled =

true;

rgFormFields.MasterTableView.ClearEditItems();

rgFormFields.Rebind();

}

else if (e.CommandName == "Update")

{

Update(e);

e.Canceled =

true;

rgFormFields.MasterTableView.ClearEditItems();

rgFormFields.Rebind();

}

else if (e.CommandName == "PerformInsert")

{

//bAddNewFormField_Click(source, e);

Insert(e);

e.Canceled =

true;

rgFormFields.MasterTableView.ClearEditItems();

rgFormFields.Rebind();

}

}

Anyhelp would be greatly appreciated.
Thanks,
Jonathan

Grid

answered on 11 Jun 2010

2 answers

71 views

[Solved] Close pane on Page_Load, but splitter doesn't resize

I have a user control that incorporates a splitter with two panes. In one of the pages where I use it, I'd like for the left pane (rsz_column) to be closed, so in my Page_Load method I have the following:

    
            rsz_column.DockedPaneId = "";

This works just fine--the page renders with the panel closed. However, my splitter is rendred with a 250-pixel wide margin on the left side of the page where the pane used to be. What can I do to get the splitter to resize the right pane so there isn't that gap on the left?

Thanks!

Bryan

Splitter

answered on 10 Jun 2010

5 answers

100 views

Cancel Event Propogation in ClientDoubleClick

I want to use args.set_cancel(true) in the javascript of the ClientDoubleClick event but that method doesn't seem to be available on the args variable for ClientDoubleClick.

Any thoughts?

Thanks,
Kevin

TreeView

answered on 10 Jun 2010

1 answer

111 views

Drag and Drop Feature

I have two grids and I want to drag nth row grid 1 to mth row of grid 2. Both have different data source and so UI is different.
I select a row from left grid 1 (ID=1000) and go to the right grid 2 row and drop on particular row (ID=333). The row where I drop it I should be able to insert a row in the database saying 1000 is associated with 333.

Any ideas on how to do this?

Grid

answered on 10 Jun 2010

4 answers

231 views

GridGroupFooterItem Excel Export Formatting

I am having trouble formatting one column in the grouped footer.
I can access the GridDataItems by "item" or "e" but I have NO idea how to access the grouped footer items and change their style.

Below is what I have for code in regards to exporting to Excel and formatting the GridDataItems, but I need to format the GroupedFooterItems.

 
             protected void RadGrid1_ExcelExportCellFormatting(object source, ExcelExportCellFormattingEventArgs e)  
        
                {  
        
                    GridDataItem item = e.Cell.Parent as GridDataItem;  
        
                    item.Style["background-color"] = "#ffffff";  
        
                    e.Cell.Style["text-align"] = "center";  
        
                }

Help please!

Grid

answered on 10 Jun 2010

0 answers

159 views

TreeView Directory Structure issue

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Telerik.Web.Examples.TreeView.DirectoryStructure.DefaultVB" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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>Patient Satisfaction Reports & Surveys</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    &nbsp;<telerik:RadTreeView ID="RadTreeView1" runat="server" OnNodeExpand="RadTreeView1_NodeExpand" DataFieldParentID="Description">  
        
                        <Nodes> 
        
                            <telerik:RadTreeNode runat="server" ExpandMode="ServerSideCallBack" 
        
                                Text="Patient Satisfaction Reports &amp; Surveys" Target="_parent">  
        
                            </telerik:RadTreeNode> 
        
                        </Nodes> 
        
                        <DataBindings> 
        
                            <telerik:RadTreeNodeBinding Target="_parent" ExpandMode="ServerSideCallBack" /> 
        
                        </DataBindings> 
        
                    </telerik:RadTreeView> 
        
                    &nbsp;<telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    </telerik:RadScriptManager> 
        
                    <br /> 
        
                    <br /> 
        
                    &nbsp;</div> 
        
                </form> 
        
            </body> 
        
            </html>

I am having issues pulling data (folder&files) from a network server share. Can someone look at my code behind and help? I have also attached my source code as well.

    
            Imports System  
        
            Imports System.IO  
        
            Imports Telerik.Web.UI  
        
            Namespace Telerik.Web.Examples.TreeView.DirectoryStructure  
        
                Partial Public Class DefaultVB  
        
                    Inherits System.Web.UI.Page  
        
                    Private ReadOnly KnownExtensions As String() = New String() {"aspx", "asmx", "cs", "vb", "xml", "ascx", _  
        
                     "jpg", "png", "gif", "html", "pdf"}  
        
                    Private Sub BindTreeToDirectory(ByVal virtualPath As String, ByVal parentNode As RadTreeNode)  
        
                        Dim physicalPath As String = Server.MapPath(virtualPath)  
        
                        Dim directories As String() = Directory.GetDirectories(physicalPath)  
        
                        For Each directory As String In directories  
        
                            Dim node As New RadTreeNode(Path.GetFileName(directory))  
        
                            node.Value = virtualPath + "/" + Path.GetFileName(directory)  
        
                            node.ImageUrl = "~/TreeView/Img/Vista/folder.png" 
        
                            node.ExpandMode = TreeNodeExpandMode.ServerSideCallBack  
        
                            parentNode.Nodes.Add(node)  
        
                        Next  
        
                        Dim files As String() = Directory.GetFiles(physicalPath)  
        
                        For Each file As String In files  
        
                            Dim node As New RadTreeNode(Path.GetFileName(file))  
        
                            Dim extension As String = Path.GetExtension(file).ToLower().TrimStart("."c)  
        
                            If Array.IndexOf(KnownExtensions, extension) > -1 Then  
        
                                node.ImageUrl = "~/TreeView/Img/Vista/" + extension + ".png"  
        
                            Else  
        
                                node.ImageUrl = "~/TreeView/Img/Vista/unknown.png" 
        
                            End If  
        
                            parentNode.Nodes.Add(node)  
        
                        Next  
        
                    End Sub  
        
                    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load  
        
                        If Not Page.IsPostBack Then  
        
                            Dim rootNode As New RadTreeNode("8000")  
        
                            rootNode.Value = "2009" 
        
                            rootNode.ImageUrl = "~/TreeView/Img/Vista/folder.png" 
        
                            rootNode.Expanded = True 
        
                            rootNode.SelectedImageUrl = True 
        
                            rootNode.ExpandMode = TreeNodeExpandMode.ServerSideCallBack  
        
                            RadTreeView1.Nodes.Add(rootNode)  
        
                        End If  
        
                    End Sub  
        
                    Protected Sub RadTreeView1_NodeExpand(ByVal sender As Object, ByVal e As RadTreeNodeEventArgs)  
        
                        BindTreeToDirectory(e.Node.Value, e.Node)  
        
                    End Sub  
        
                End Class  
        
            End Namespace

TreeView

asked on 10 Jun 2010

0 answers

170 views

TreeView Directory Structure location

    
            Imports System  
        
            Imports System.IO  
        
            Imports Telerik.Web.UI  
        
            Namespace Telerik.Web.Examples.TreeView.DirectoryStructure  
        
                Partial Public Class DefaultVB  
        
                    Inherits System.Web.UI.Page  
        
                    Private ReadOnly KnownExtensions As String() = New String() {"aspx", "asmx", "cs", "vb", "xml", "ascx", _  
        
                     "jpg", "png", "gif", "html", "pdf"}  
        
                    Private Sub BindTreeToDirectory(ByVal virtualPath As String, ByVal parentNode As RadTreeNode)  
        
                        Dim physicalPath As String = Server.MapPath(virtualPath)  
        
                        Dim directories As String() = Directory.GetDirectories(physicalPath)  
        
                        For Each directory As String In directories  
        
                            Dim node As New RadTreeNode(Path.GetFileName(directory))  
        
                            node.Value = virtualPath + "/" + Path.GetFileName(directory)  
        
                            node.ImageUrl = "~/TreeView/Img/Vista/folder.png" 
        
                            node.ExpandMode = TreeNodeExpandMode.ServerSideCallBack  
        
                            parentNode.Nodes.Add(node)  
        
                        Next  
        
                        Dim files As String() = Directory.GetFiles(physicalPath)  
        
                        For Each file As String In files  
        
                            Dim node As New RadTreeNode(Path.GetFileName(file))  
        
                            Dim extension As String = Path.GetExtension(file).ToLower().TrimStart("."c)  
        
                            If Array.IndexOf(KnownExtensions, extension) > -1 Then  
        
                                node.ImageUrl = "~/TreeView/Img/Vista/" + extension + ".png"  
        
                            Else  
        
                                node.ImageUrl = "~/TreeView/Img/Vista/unknown.png" 
        
                            End If  
        
                            parentNode.Nodes.Add(node)  
        
                        Next  
        
                    End Sub  
        
                    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load  
        
                        If Not Page.IsPostBack Then  
        
                            Dim rootNode As New RadTreeNode("8000")  
        
                            rootNode.Value = "2009" 
        
                            rootNode.ImageUrl = "~/TreeView/Img/Vista/folder.png" 
        
                            rootNode.Expanded = True 
        
                            rootNode.SelectedImageUrl = True 
        
                            rootNode.ExpandMode = TreeNodeExpandMode.ServerSideCallBack  
        
                            RadTreeView1.Nodes.Add(rootNode)  
        
                        End If  
        
                    End Sub  
        
                    Protected Sub RadTreeView1_NodeExpand(ByVal sender As Object, ByVal e As RadTreeNodeEventArgs)  
        
                        BindTreeToDirectory(e.Node.Value, e.Node)  
        
                    End Sub  
        
                End Class  
        
            End Namespace

I am having issues pulling folders/files from a server share into RadTreeView. Can someone look at my vb code and help?

TreeView

asked on 10 Jun 2010

2 answers

313 views

Search results in RadGrid

Hello,

I am populating the Grid with xml dynamically from server side.
I have gone through this blog: http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/filtering/defaultcs.aspx
and looked at the filtering mechanism.

Is it possible for me to implement search (within the grid results) instead of filtering my column? Please guide me through this (considering that we don't know the column names until they are displayed).

Thanks

Grid

answered on 10 Jun 2010