Questions on UI for ASP.NET AJAX Forum

1 answer

137 views

Client Side Hierarchical Grid Binding with XML datasource

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.

Grid

answered on 13 Aug 2009

4 answers

189 views

Need ComboBox to look like DropDownList

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

ComboBox

answered on 13 Aug 2009

2 answers

275 views

Clientside Rebind dosn't clear cache

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>

Grid

answered on 13 Aug 2009

3 answers

75 views

[Solved] MarkFirstMatch for a treeview inside combo box

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

TreeView

answered on 13 Aug 2009

1 answer

319 views

Change the style of the selected node client-side

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.

TreeView

answered on 13 Aug 2009

2 answers

111 views

How to display different fields in EditForm than in Table

I have a little problem, I have a Grid that is populated with some of the columns from the Customer table, because if all the columns were displayed in the Grid it would continue off the page. So I've removed un-important columns in the grid to make it fit on the page.

But I want to be able to edit inline using the EditForm mode and display ALL the entity fields.

Is there a built-in way of doing this? I've looked in the documentation and I can't tell if it's answered there. Do I need to write some code to make this work?

Any help would be appreciated.

Thanks,

King Wilder

Grid

answered on 13 Aug 2009

1 answer

124 views

Cascading Deletes with LinqtoSQL and Hierarchical RadGrid

Would it be possible to modify or post an update to this article with the LinqDataSource as the provider?
Or just point us in the right direction for the DeleteCommand syntax.

http://www.telerik.com/help/aspnet-ajax/grdcascadingdeleteinhierarchicalgrid.html

Thanks

Grid

answered on 13 Aug 2009

4 answers

244 views

[Solved] Autopostback and special days CSS classes

Hello, I searched your forum, and this post seems to reference my issue, but the solution given does not apply to me:
http://www.telerik.com/community/forums/aspnet-ajax/calendar/disable-hover-css-class.aspx

Some weird things are happening to my page when the autopostback property is set to true. The reason I need to use this is because I want to give certain days a special class, which is determined by hitting a database on the DayRender event. The main issue is that once the month is changed, if you hover over one of these special days, it loses its special class even after its not being hovered anymore. The only way to get the class back is to change the month again. Again this only happens after a postback, the first displayed month works fine pre-postback.

Another minor issue I'm having is that after performing a post back on the calendar, an IE only style sheet is loaded which messes up the display of the page. The way I'm making this style sheet IE only is the following block:
    

If this is not stated clear enough, I'll be more than happy to try to give a more repeatable example.

Calendar

answered on 13 Aug 2009

1 answer

105 views

Changing Default Child Selector Image

I am using the default Rad-menu skin on my navbar and trying to modify it to my liking using Css. Everything is correct except I cannot remove the gray box selector that appears when I hover over any sub menu items. I've also tried removing the background images in menu.default.css file with no luck. Where is this gray box coming from?

Menu

answered on 13 Aug 2009

1 answer

153 views

How $find Editor Nested Under Other Controls

I'm having trouble on the client side trying to grab a radeditor object so I can test to see if anything has been entered.

I can't just do a $find("RadEditor1.ClientID") because the editor is actually nested within a radsplitter, in a radpane, and in a radajaxpanel within that. What's the correct way to grab a handle to this puppy?!

Nesting is shown below. How do I access that RadEditor1?

Thx

    
                <telerik:RadSplitter id="RadSplitter1" runat="server" height="455" width="960" > 
        
                    <telerik:RadPane id="settingsPane" runat="server" width="200" Scrolling="None">  
        
                        <telerik:RadSplitter id="RadSplitter2" runat="server" orientation="Horizontal" > 
        
                            <telerik:RadPane id="topPane" runat="server" Scrolling="None" Height="300" MinWidth="200" MaxWidth="250">  
        
            ...content here...  
        
                            </telerik:RadPane> 
        
                            <telerik:RadSplitBar id="RadSplitbar2" runat="server" CollapseMode="Backward"></telerik:RadSplitBar> 
        
                            <telerik:RadPane id="bottomPane" runat="server" Scrolling="None" MinWidth="200" MaxWidth="250">  
        
            ...content here...  
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadSplitBar id="RadSplitbar1" runat="server" CollapseMode="Backward" ></telerik:RadSplitBar> 
        
                    <telerik:RadPane id="editorPane" runat="server" scrolling="none" Width="730" MinWidth="460" MaxWidth="730">  
        
                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" height="455"   
        
                            HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1" width="960">  
        
                            <telerik:RadEditor ID="RadEditor1" Runat="server" Width="730" Height="455" ToolsFile="~/Misc/Toolbars/Deploy.xml">  
        
                            </telerik:RadEditor> 
        
                        </telerik:RadAjaxPanel> 
        
                    </telerik:RadPane> 
        
                </telerik:RadSplitter>

Editor

answered on 13 Aug 2009

	<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>