Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
147 views
I have setup a RadListBox (Q2 2009 3.5) with an ItemTemplate.  The template contains a regular textbox control (among other controls). The textbox control however does not do anything when the spacebar is pressed in it.  All other keys appear to work fine.

Is this a known issue, and is there a way around this!?

Thanks,

Ben.
Ben Thies
Top achievements
Rank 1
 answered on 13 Aug 2009
0 answers
161 views
Hello,

I have a requirement for the project im working on. I will try to illustrate it for you:

Node - color #ccc
   NodeChild - color #abc
   NodeChild - color #xyz
   NodeChild - color #abc
Node - color #ccc
   NodeChild - color #abc
   NodeChild - color #ccc
      Leaf - color #abc
      Leaf - color #xyz
      Leaf - color #abc
   NodeChild - color #xyz (this color should be the alternate of the one above it.)

My question is how can i achieve this? I have been looking though a ton of the documentation and a bunch of the forum posts already. I have not found anything that would solve this problem for me.

Another problem I have is that the color does not span all the way across (only goes out as far as the text goes) for the nodes that I have the background color applied. This tree will be created dynamically so I cant go in there and format it the way I want from the get go.
Mustafa Hussain
Top achievements
Rank 1
 asked on 13 Aug 2009
0 answers
155 views
I have a master grid that sits at the top of my page. Below it there is a tabstrip with three tabs. In each tab I have a multipageview which holds a user control that holds a grid. I used the TabStrip / Load on Demand RadPageView demo as a starting point. When the user selects a row from the parent grid the grid in the selected tab should be refreshed to show the appropriate data based upon a datakeyvalue. I am having a problem because the child grid in the usercontrol fires the needdatasource event before the selecteditem event fires on the mastergrid. Therefore the displayed information is based upon the previous datakeyvalue. I can not seem to figure out how to fire the tabclick event serverside which in turn would fire the needdatasource after I have set the appropriate keyvalue. Any help would be appreciated.

'main aspx page

<%

@ Page Title="" Language="VB" MasterPageFile="~/secure/Institution.master" AutoEventWireup="false" CodeFile="Exams.aspx.vb" Inherits="secure_Exams" %>

 

<%

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

 

 

<

 

asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">

 

 

 

 

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

 

 

</telerik:RadScriptManager>

 

 

<telerik:RadGrid ID="radExams" runat="server" GridLines="None">

 

<

 

MasterTableView datakeynames="ExamID">

 

<

 

RowIndicatorColumn>

 

<

 

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

 

</

 

RowIndicatorColumn>

 

<

 

ExpandCollapseColumn>

 

<

 

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

 

</

 

ExpandCollapseColumn>

 

 

<Columns>

 

 

<telerik:GridButtonColumn CommandName="Select" Text="Select"

 

 

UniqueName="column1">

 

 

</telerik:GridButtonColumn>

 

 

<telerik:GridEditCommandColumn>

 

 

</telerik:GridEditCommandColumn>

 

 

<telerik:GridButtonColumn CommandName="Delete" Text="Delete"

 

 

UniqueName="column">

 

 

</telerik:GridButtonColumn>

 

 

</Columns>

 

</

 

MasterTableView>

 

 

</telerik:RadGrid>

 

 

<asp:Panel ID="pnlDetails" runat="server">

 

 

 

<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0"

 

 

runat="server" MultiPageID="RadMultiPage1" Skin="Office2007"

 

 

Orientation="HorizontalBottom" ClickSelectedTab="True">

 

 

</telerik:RadTabStrip>

 

 

<telerik:RadMultiPage ID="RadMultiPage1" Runat="server" SelectedIndex="0"

 

 

RenderSelectedPageOnly="True">

 

 

</telerik:RadMultiPage>

 

 

</asp:Panel>

 

 

<telerik:RadAjaxManager runat="server">

 

 

<AjaxSettings>

 

 

<telerik:AjaxSetting AjaxControlID="radExams">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="radExams" />

 

 

<telerik:AjaxUpdatedControl ControlID="pnlDetails" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="pnlDetails" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

</AjaxSettings>

 

 

</telerik:RadAjaxManager>

 

</

 

asp:Content>

 





'Creation of Tabstrip-

Protected

 

Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

 

 

 

If Not Page.IsPostBack Then

 

 

AddTab(

"ExamRatings")

 

AddPageView(RadTabStrip1.FindTabByText(

 

"ExamRatings"))

 

AddTab(

 

"ExamEvents")

 

AddTab(

 

"ExamNotes")

 

 

 

End If

 

 

 

End Sub

 

 

 

Private Sub AddTab(ByVal tabName As String)

 

 

 

Dim tab As RadTab = New RadTab

 

tab.Text = tabName

RadTabStrip1.Tabs.Add(tab)

 

 

End Sub

 

 

 

Protected Sub RadMultiPage1_PageViewCreated(ByVal sender As Object, ByVal e As RadMultiPageEventArgs) Handles RadMultiPage1.PageViewCreated

 

 

 

Dim userControlName As String = e.PageView.ID & ".ascx"

 

 

 

Dim userControl As Control = Page.LoadControl(userControlName)

 

userControl.ID = e.PageView.ID &

 

"_userControl"

 

 

e.PageView.Controls.Add(userControl)

 

End Sub

 

 

 

Private Sub AddPageView(ByVal tab As RadTab)

 

 

 

If Not RadMultiPage1.FindPageViewByID(tab.Text) Is Nothing Then

 

 

 

Exit Sub

 

 

 

End If

 

 

 

Dim pageView As RadPageView = New RadPageView

 

pageView.ID = tab.Text

RadMultiPage1.PageViews.Add(pageView)

pageView.CssClass =

 

"pageView"

 

 

tab.PageViewID = pageView.ID

 

End Sub

 

 

 

Protected Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As RadTabStripEventArgs) Handles RadTabStrip1.TabClick

 

AddPageView(e.Tab)

e.Tab.PageView.Selected =

 

True

 

 

 

End Sub

'Master grid select event to identify the datakeyvalue

 

Protected

 

Sub radExams_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles radExams.ItemCommand

 

 

 

Select Case e.CommandName
Case RadGrid.SelectCommandName

 

 

Dim editedItem As GridEditableItem = CType(e.Item, GridEditableItem)

 

Session(

 

"ExamID") = editedItem.OwnerTableView.DataKeyValues(editedItem.ItemIndex)("ExamID").ToString

 

 

 

End Select

 

 


'Code behind for one of the usercontrols (they are basically the same)

Protected

 

ReadOnly Property ExamEventsData() As DataTable

 

 

 

Get

 

 

 

Dim aExamEventsData As DataTable

 

aExamEventsData = aDFICISObj.GetExamEvents(Session(

 

"ExamID"))

 

 

 

Return aExamEventsData

 

 

 

End Get

 

 

 

End Property

 

 

 

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

 

 

 

Me.radExamEvents.Rebind()

 

 

 

End Sub

 

 

 

Protected Sub radExamEvents_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles radExamEvents.NeedDataSource

 

 

 

Me.radExamEvents.DataSource = ExamEventsData

 

 

 

End Sub

 

 


 

 

Henry Derstine
Top achievements
Rank 1
 asked on 13 Aug 2009
0 answers
99 views
I've written and deployed a simple FileUpload web page that works as expected when I run it locally on my Windows XP enviroment.  The ProgressArea displays.

However, when I deploy (publish) it to my server (Windows Server 2003) and run it there, the ProgressArea does not show up.  I've tried it locally on the server as well as from a different workstation.  IIS6 is running on the server.  I know that Ajax is working from the server because I also developed a page that does a custom progressArea.  It DOES work.  But the FileUpload progress area does not.

Installed on the server are:
    .Net Framework 2.0 (SP2)
    .Net Framework 3.0 (SP2)
    .Net Framework 3.5 (SP1)
    Ajax Extensions 1.0
    WSE 3.0

Any ideas on why the ProgressArea does not display when using the server?
Don
Top achievements
Rank 1
 asked on 13 Aug 2009
2 answers
451 views
Hi Telerik Support,
Is there a way to change the css for each side of a range slider, for example the range slider which has two handles, the one on the left as you would drag the handle towards the middle would highlight the left of the handle in green.  The handle on the right as you would drag the handle towards the middle would highlight area  right of the handle in red.

Also is there a way where the two handles can't pass over each other.. I think I am missing something in the documentation on this .
Thanks in advance for the help
~Julie
Julie
Top achievements
Rank 1
 answered on 13 Aug 2009
1 answer
139 views
Hello

I am new to Rad Controls, Does anyone has an example of how to bind an xml data source to RadGrid Hierarchically.

any help would be greatly appreciated.

Nikolay Rusev
Telerik team
 answered on 13 Aug 2009
4 answers
195 views
Does anyone have the skin I can apply that will make my RadComboBox look EXACTLY like the default <asp:DropDownList>?  Specifically, I need the right arrow to be blue when not hovering - currently it is just white.  I used the Vista skin because that most closely resembled it, but it is still off.

When I tried to modify the Vista skin for RadComboBox, none of my change appeared to be applied - even when I cleared cache.  Makes me wonder if it's really looking at my skin theme?

Any help on this would be greatly appreciated.  We are having to switch from DropDownList to RadComboBox so we can take advantage of the client-side events, but we need a consistent look between the ddl's and the rcb's.  Otherwise it won't work for us.

Thanks,
Jill
venm
Top achievements
Rank 1
 answered on 13 Aug 2009
2 answers
290 views

Hi,

I have implimented a grid using webservices for client-side binding. I created an additional method that allows me to update rows via the webservice as well. Upon recipt of successful update, the grid is supposed to rebind. This only seems to work if clientside caching is disabled. Is this a bug - or is there a clientside method/property I can call to clear the cache?

Thanks,

Kent

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">  
<script type="text/javascript">  
    function RowSelected(sender, eventArgs)  
    {         
        //Enable the update tab  
        var tabStrip= $find("<%= RadTabStrip1.ClientID %>");  
        var tab = tabStrip.findTabByText("Update");  
        tab.set_enabled(true);  
          
        //Get references to the input fields  
        var costCenterGID = document.getElementById("<%= costCenterGID.ClientID %>");  
        var costCenterNo = $find("<%= costCenterNo.ClientID %>");  
        var costCenterDesc = $find("<%= costCenterDesc.ClientID %>");  
          
        costCenterGID.innerHTML = eventArgs.getDataKeyValue("CostCenterGID");  
        costCenterNo.set_value(eventArgs.getDataKeyValue("CostCenterNo"));  
        costCenterDesc.set_value(eventArgs.getDataKeyValue("CostCenterDesc"));  
    }  
    function RowUpdate()  
    {  
        //Get references to the input fields  
        var costCenterGIDctrl = document.getElementById("<%= costCenterGID.ClientID %>");  
        var costCenterDescctrl = $find("<%= costCenterDesc.ClientID %>");  
          
        //Get the values  
        var costCenterGID = costCenterGIDctrl.innerHTML;  
        var costCenterDesc = costCenterDescctrl.get_value();  
          
        //Invoke the webservice to update  
        Caspr.WebServices.accountingUnitsWebService.UpdateData(costCenterGID, costCenterDesc, UpdateSucceededCallback);  
    }  
    function UpdateSucceededCallback(result, eventArgs)  
    {  
        alert("Updated? " + result);  
        if (result)  
        {  
            RefreshGrid();  
        }  
    }  
    function RefreshGrid()  
    {  
      var masterTable = $find("<%= auGrid.ClientID %>").get_masterTableView();  
      masterTable.rebind();  
    }   
</script> 
</telerik:RadScriptBlock> 

<ClientSettings> 
    <DataBinding Location="http://localhost/dnn/DesktopModules/Caspr/Webservices/accountingUnitsWebService.asmx" 
        SelectMethod="GetData" 
        CountPropertyName="Count" 
        DataPropertyName="Data" 
        FilterParameterType="Linq" 
        SortParameterType="Linq" 
        EnableCaching="true" /> 
    <Selecting AllowRowSelect="true" /> 
    <ClientEvents  
        OnRowSelected="RowSelected" 
        /> 
</ClientSettings> 
Kent Williams
Top achievements
Rank 1
 answered on 13 Aug 2009
3 answers
80 views
Hello,

I want to be able to have a treeview inside of a combo box and be able to do a markfirstmatch=true
would this be possible? I want to be able to drag the nodes of this tree view onto another tree view.

Thank you!
Phani
Veselin Vasilev
Telerik team
 answered on 13 Aug 2009
1 answer
325 views
How can I change the style of the selected node in Javascript? The treeview has a set_cssClass method but that changes the style of the node and not the selection itself. If you use set_cssClass and change the style using set_cssClass and then select a different node, I will see the node has changed its style. What I want though is that WHILE the node is selected, I change the style of the selection itself. As soon as the selection is made on a different node, the style of the selection needs to revert back to its original css while the node that had the style changed remains changed. This is needed to implement a cut/paste function where the node being cut has a different style. When the user cuts the node using ctrl-x, I need to modify the selection immediately so that the user sees right away that the selected node is being cut.
Atanas Korchev
Telerik team
 answered on 13 Aug 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?