Questions on UI for ASP.NET AJAX Forum

0 answers

192 views

RadTreeView And Radio Button With DataBinding

i wrote this proggram..

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> 
        
            <%@ Register assembly="RadTreeView.Net2" namespace="Telerik.WebControls" tagprefix="rad" %> 
        
            <!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>Untitled Page</title> 
        
            </head> 
        
            <body dir="rtl"> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <rad:RadTreeView ID="RadTreeView1" runat="server"  
        
                         > 
        
                    </rad:RadTreeView> 
        
                </div> 
        
                <asp:Button ID="Button1" runat="server" Text="Button" /> 
        
                </form> 
        
            </body> 
        
            </html>

VB.NET Code

    
            Imports Telerik.WebControls 
        
            Imports System.Data.OleDb 
        
            Imports System.Data 
        
            Partial Class _Default 
        
                Inherits System.Web.UI.Page 
        
                Protected Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles form1.Load 
        
                    If Not IsPostBack Then 
        
                        RadTreeView1.DataFieldID = "ParameterID" 
        
                        RadTreeView1.DataValueField = "ParameterID" 
        
                        RadTreeView1.DataTextField = "ParameterName" 
        
                        RadTreeView1.DataFieldParentID = "ParentID" 
        
                        RadTreeView1.DataSource = GetDataSource() 
        
                        RadTreeView1.DataBind() 
        
                        BindingTree(RadTreeView1.Nodes) 
        
                    End If 
        
                End Sub 
        
                Private Function GetDataSource() As DataTable 
        
                    Dim Con As New OleDbConnection("MyConnectionString") 
        
                    Dim Cmd As New OleDbCommand 
        
                    Dim Adp As New OleDbDataAdapter(Cmd) 
        
                    Dim Dataset As New DataSet 
        
                    Cmd.Connection = Con 
        
                    Con.Open() 
        
                    Cmd.CommandText = "SELECT * FROM [TBL]" 
        
                    Adp.Fill(Dataset) 
        
                    Con.Close() 
        
                    Return Dataset.Tables(0) 
        
                End Function 
        
                Private Sub BindingTree(ByVal MyNode As RadTreeNodeCollection) 
        
                    For index As Integer = 0 To MyNode.Count - 1 
        
                        If MyNode(index).Nodes.Count > 0 Then 
        
                            BindingTree(MyNode(index).Nodes) 
        
                        Else 
        
                            Dim mylit As New Literal 
        
                            mylit.Text = "<input type=""radio"" value=""" & MyNode(index).Value & """ name=""" & GetMainParentID(MyNode(index)).ToString & """ />" & MyNode(index).Text 
        
                            MyNode(index).Controls.Clear() 
        
                            MyNode(index).Controls.Add(mylit) 
        
                        End If 
        
                    Next 
        
                End Sub 
        
                Private Function GetStep(ByVal MyNode As RadTreeNode) As Int32 
        
                    If Not MyNode.Parent Is Nothing Then 
        
                        Return GetStep(MyNode.Parent) + 1 
        
                    Else 
        
                        Return 0 
        
                    End If 
        
                End Function 
        
                Private Function GetMainParentID(ByVal MyNode As RadTreeNode) As Int32 
        
                    Dim ChildStep As Int32 = GetStep(MyNode) 
        
                    Dim MainParentNode As RadTreeNode 
        
                    MainParentNode = MyNode 
        
                    For index As Integer = 1 To ChildStep 
        
                        MainParentNode = MainParentNode.Parent 
        
                    Next 
        
                    Return MainParentNode.Value 
        
                End Function 
        
                Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click 
        
                    Dim Hshtbl As New Hashtable 
        
                    Session("MyHsh") = Hshtbl 
        
                    ExtractData(RadTreeView1.Nodes) 
        
                    Hshtbl = Session("MyHsh") 
        
                    For Each TempObj As Object In Hshtbl.Values 
        
                        Response.Write(TempObj.ToString + "<BR>") 
        
                    Next 
        
                End Sub 
        
                Private Sub ExtractData(ByVal MyNode As RadTreeNodeCollection) 
        
                    For index As Integer = 0 To MyNode.Count - 1 
        
                        If MyNode(index).Nodes.Count > 0 Then 
        
                            ExtractData(MyNode(index).Nodes) 
        
                        Else 
        
                            If Not Request.Form(GetMainParentID(MyNode(index)).ToString) = "" Then 
        
                                CType(Session("MyHsh"), Hashtable).Item(GetMainParentID(MyNode(index)).ToString) = Request.Form(GetMainParentID(MyNode(index)).ToString) 
        
                                Exit For 
        
                            End If 
        
                        End If 
        
                    Next 
        
                End Sub 
        
            End Class

Data Base Shema :

ParameterID <int><PK>
ParentID <AllowNULL><int>
ParameterName<[n]char>
...........................
Return Database PK Of SelectedItems

TreeView

asked on 16 Apr 2009

4 answers

218 views

[Solved] RadChart1.Series(0). causing problems?

Hi, I'm having a couple of problems with RadChart which I think are probably related to the binding approach.

Now

I'm trying to do this in page load event:

If Not Page.IsPostBack Then

Dim s As ChartSeries = RadChart1.Series.GetSeries(0)

s.DefaultLabelValue =

"#Y{#,#}"

RadChart1.ChartTitle.TextBlock.Text =

"Top 10"

s.Items(0).ActiveRegion.Url = _

"javascript:ShowPopUpDialog('detailpage.aspx');"

End If

Now there are two problems with this,

1: s.DefaultLabelValue = "#Y{#,#}" is not being applied, it gets executed, but series numbers still appear without formatting.

2: s.Items(0).ActiveRegion.Url throws an error: "Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index "

So it seems that it can't find the series, but I don't see why.

I am binding the grid using an objectdatasource, here's the markup:

<asp:ObjectDataSource ID="chartObds" runat="server"

SelectMethod="GetNewsFeaturesClickStats"

TypeName="NewsFeaturesAdminBLL"

SortParameterName="sortExpression" MaximumRowsParameterName="maximumRows"

StartRowIndexParameterName="startRowIndex">

<asp:Parameter Name="sortExpression" Type="String" />

<asp:Parameter Name="startRowIndex" Type="Int32" />

<asp:Parameter Name="maximumRows" Type="Int32" />

</SelectParameters>

</asp:ObjectDataSource>

<asp:Button runat="server" ID="FirstPage" Text="<< First" />

<asp:Button runat="server" ID="PrevPage" Text="< Prev" />

<asp:Button runat="server" ID="NextPage" Text="Next >" />

<asp:Button runat="server" ID="LastPage" Text="Last >>" />

</div>

<

div id="NFchart">

<Telerik:RadChart ID="RadChart" Width="830px" Height="580px" runat="server"

DataSourceID="chartObds" Skin="SkyBlue">

<

telerik:ChartSeries Name="MostViewed" DefaultLabelValue="#Y{#,#}">

<Telerik:GradientElement Color="213, 247, 255" />

<Telerik:GradientElement Color="193, 239, 252" Position="0.5" />

<Telerik:GradientElement Color="157, 217, 238" Position="1" />

</complexgradient>

</fillsettings>

</fillstyle>

</textappearance>

</appearance>

</telerik:ChartSeries>

</

Series>

</TextBlock>

</EmptySeriesMessage>

</LabelAppearance>

<TextAppearance AutoTextWrap="True" MaxLength="25"

TextProperties-Color="51, 51, 51">

</TextAppearance>

</Appearance>

</Appearance>

<Appearance

TextProperties-Color="51, 51, 51"

TextProperties-Font="Verdana, 8.25pt, style=Bold">

</Appearance>

</TextBlock>

</AxisLabel>

<

Items>

<

telerik:ChartAxisItem>

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="1">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="2">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="3">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="4">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="5">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="6">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

<

telerik:ChartAxisItem Value="7">

<

Appearance Dimensions-Margins="1px, 5px, 1px, 10px"></Appearance>

<

TextBlock>

<

Appearance MaxLength="35" TextProperties-Font="Arial, 8.5pt"></Appearance>

</

TextBlock>

</

telerik:ChartAxisItem>

</

Items>

</XAxis>

<YAxis>

<Appearance Color="180, 210, 236" MajorTick-Color="206, 222, 235"

MinorTick-Color="206, 222, 235" CustomFormat="#,#" EndCap="Round">

</TextAppearance>

</Appearance>

</Appearance>

<Appearance TextProperties-Color="51, 51, 51"

TextProperties-Font="Verdana, 8.25pt, style=Bold">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance

Dimensions-Margins="18%, 100px, 12%, 80px"

Corners="Round, Round, Round, Round, 5">

</FillStyle>

</Appearance>

</PlotArea>

</FillStyle>

</Appearance>

</FillStyle>

</Appearance>

<Appearance TextProperties-Color="19, 111, 182"

TextProperties-Font="Arial, 18pt">

</Appearance>

</TextBlock>

</ChartTitle>

<Appearance Visible="False" Dimensions-Margins="15%, 2%, 1px, 1px"

Position-AlignedPosition="TopRight">

</ItemTextAppearance>

</FillStyle>

</Appearance>

</Legend>

</Telerik:RadChart>

Chart (Obsolete)

answered on 16 Apr 2009

2 answers

131 views

[Solved] Add custom button next to AddNewRecord button

Hi,
I wants to add one button next to the AddNewRecord button, how can I do that?
Something like this:

    
            <tr> 
        
            <td align="left"><input type="submit" name="ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl00$AddNewRecordButton" value=" " id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl00_AddNewRecordButton" title="Lägg till" class="rgAdd" /> 
        
            <a id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl00_InitInsertButton" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl00$InitInsertButton','')">Lägg till</a> 
        
            <a id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl00_CustomButton" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl00$CustomButton','')">My custom button</a> 
        
            </td> 
        
            <td align="right"><input type="submit" name="ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl00$RefreshButton" value=" " id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl00_RefreshButton" title="Uppdatera" class="rgRefresh" /> 
        
            <a id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl00_RebindGridButton" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl00$RebindGridButton','')">Uppdatera</a> 
        
            </td> 
        
            </tr>

/Mattias

Grid

answered on 16 Apr 2009

1 answer

84 views

Node ServerSideCallback Client Event ?

I am using the Q3 2008 Rad Ajax Treeview and Microsoft Script Manager controls on my page. I have several nodes using TreeNodeExpandMode.ServerSideCallBack.

Is there a way to capture a client-side event that will inform me when a child node has been populated as a result of the node expansion & ServerSideCallback? onClientNodeClicked seems to fire before the child node has been populated.

Thank you

Ajax

answered on 16 Apr 2009

1 answer

62 views

Problem in freezing the width of the Select Column in telerik grid

Hi,

I have an issue about AJAX telerik grid control.
I am using <telerik:GridTemplateColumn and

<

telerik:GridClientSelectColumn >

in the aspx page.
I have set the width of select column 22px in the following code.

<telerik:GridClientSelectColumn >

</telerik:GridClientSelectColumn>

It looks good. but when i check select column or checkbox and edit the row in the grid.
The width of the <telerik:GridClientSelectColumn > get changed and looks odd.

please advice me how can I freez the width of the select column.

Thanks
Tarun

Grid

answered on 16 Apr 2009

2 answers

114 views

Point marks in chart

Hi,

I'm trying to set point marks for my chart series in my code behind.
But it doesn't work. I cannot see any point marks. Here's the code I'm working with.

With _tmp_currentSeries_2

.Appearance.ShowLabels =

False

.Appearance.PointMark.Visible =

True

.Appearance.PointDimentions.AutoSize =

False

.Appearance.FillStyle.MainColor = Drawing.Color.Firebrick

.Appearance.FillStyle.FillType = Styles.FillType.Solid

.Appearance.PointDimentions.Height = 12

.Appearance.PointDimentions.Width = 12

End With

Thank you for you help.
Thomas

Chart (Obsolete)

answered on 16 Apr 2009

1 answer

79 views

Restricting user to one edit at a time.

Hi,

I'm looking at the Automatic editing aspects of the Grid.

I'm having some slight issues with functionality.

The column that is also DataKeyName I require to be editable when the user is is Add New mode, but ReadOnly in Update mode.

It appears that when in Insert or Update mode the column isn't editable at all. If we were using identity columns for the PK, then this wouldn't be an issue, but in our case we aren't.

I used the following handler in the code behind, to try to enable this, but when doing the Insert it cannot resolve the field @Code in the SqlDataSource. Also, I notice that if I have an Update popup open and an Add New popup open, that the ItemCommand handler affects both popups?

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

            GridBoundColumn id = (GridBoundColumn)e.Item.OwnerTableView.GetColumnSafe("Code") as GridBoundColumn;
            id.Display = true;
            if (e.CommandName == RadGrid.InitInsertCommandName)
            {

                id.ReadOnly = false;
            }
            else
            {
                id.ReadOnly = true;
            }

Is it possible to have the DataKeyName editable in Add New, but ReadOnly in Update?

I'm sure its a simple thing I missed, but I can't see it.

Can you help?

Regards
Paul

-----

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditDateCodes.ascx.cs" Inherits="SpacetrakWebMaintenance.UserControls.EditDateCodes" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:ScriptManager ID="ScriptManager1" runat="server" />
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            EnablePageHeadUpdate="False">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
    <div>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:spacetrakConnectionString %>"
            SelectCommand="SELECT CODE, [DESC], WORDS FROM YEARCODE" DeleteCommand="DELETE FROM YEARCODE WHERE CODE = @CODE" InsertCommand="INSERT INTO YEARCODE (CODE, [DESC], WORDS) VALUES (@CODE, @DESC, @WORDS)" UpdateCommand="UPDATE YEARCODE SET [DESC] = @DESC, WORDS=@WORDS WHERE CODE =@CODE">
        </asp:SqlDataSource>

    </div>
        <telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"
            AllowAutomaticUpdates="True" AllowPaging="True" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
            GridLines="None" Height="400px" Skin="Inox" SkinID="Inox" OnItemCommand="RadGrid1_ItemCommand" OnItemDataBound="RadGrid1_ItemDataBound">
            <MasterTableView CommandItemDisplay="Bottom" DataKeyNames="CODE" DataSourceID="SqlDataSource1"
                EditMode="PopUp" Height="400px">
                <RowIndicatorColumn>
                    <HeaderStyle Width="20px" />
                </RowIndicatorColumn>
                <ExpandCollapseColumn>
                    <HeaderStyle Width="20px" />
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridEditCommandColumn>
                    </telerik:GridEditCommandColumn>
                    <telerik:GridButtonColumn UniqueName="ButtonColumn" Text="Delete" CommandName="Delete" />
                    <telerik:GridBoundColumn DataField="CODE" DataType="System.Int32" HeaderText="CODE"
                        ReadOnly="True" SortExpression="CODE" UniqueName="CODE">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="DESC" HeaderText="DESCRIPTION" SortExpression="DESC"
                        UniqueName="DESC">
                    </telerik:GridBoundColumn>
                       <telerik:GridBoundColumn DataField="WORDS" HeaderText="WORDS" SortExpression="WORDS"
                        UniqueName="WORDS">
                    </telerik:GridBoundColumn>
                </Columns>
                <EditFormSettings CaptionDataField="CODE" CaptionFormatString="Edit Company">
                    <EditColumn UniqueName="EditCommandColumn1">
                    </EditColumn>
                </EditFormSettings>
            </MasterTableView>
            <FilterMenu EnableTheming="True" Skin="Inox">
                <CollapseAnimation Duration="200" Type="OutQuint" />
            </FilterMenu>
        </telerik:RadGrid>

Grid

answered on 16 Apr 2009

1 answer

126 views

HEAD Tag

    
            <HEAD id="HEAD" runat=server>  
        
            <LINK href="site.css" type="text/css" rel="stylesheet">  
        
            </HEAD>

Can I use an Ajax postback to add a control to the page header? When I try to add HEAD to RadAjaxManager I get an error.

    
                                    HtmlLink link = new HtmlLink();  
        
                                    link.Attributes["href"] = "rss.aspx";  
        
                                    link.Attributes["type"] = "application/rss+xml";  
        
                                    link.Attributes["rel"] = "alternate";  
        
                                    link.Attributes["title"] = "name";  
        
                                    HEAD.Controls.Add(link);

Ajax

answered on 16 Apr 2009

1 answer

166 views

RadComboBox always has vertical scrollbar

Since I updated to the 2009Q1 service pack released on April 2, all my combo boxes seem to have vertical scroll bars.

I tried the things below that I found in your knowledge-base without success, but without success. Any other ideas?

    
            html { overflow: hidden; }   
        
            .RadComboBoxDropDown Default .rcbScroll{overflow-y:hidden!important;}  
        
            MaxHeight="999"

ComboBox

answered on 16 Apr 2009

2 answers

120 views

RADCombo not being validated by RequiredFieldValidated

Hi,

i am using RequiredFieldValidators wich belong to a group "search" the validator for RADTextboxes is validating just fine, but for the combo box even when a invalid item is selected it still postbacks. When i substutute the RADCombo for a normal asp:dropdownlist it works as expected. Please help

<table>

<tr>

<td>Search Type</td>