Questions on UI for ASP.NET AJAX Forum

6 answers

118 views

Currently I am looking for another rich text editor to replace the default one in WSS 3 and I came across radeditor!

When the comparison chart for Native MS Editor for MOSS vs Telerik RadEditor Lite for ASP.Net showing both can and cannot do exactly the same stuff, so what is the purpose of using Telerik RadEditor Lite then? Or did I miss out something? Pardon a novice like me if that's the case :~)
(http://www.telerik.com/documents/RadEditorMOSS_Feature_Comparison.pdf)

Hope to get any suggestion or advice from you guys, thanks.

Michelle

WebParts for SharePoint

answered on 20 Jan 2011

6 answers

161 views

Telerik.web.ui and xmlreader issue?

Hello;
I have a SharePoint site provisioning process that creates a site from a particular template and adds (imports) webparts to that site. None of the webparts or the entire site provisioning process uses any Telerik. I recently deployed rad editor to my SharePoint web application. Ever since then the site provisioning process breaks. In particular it breaks when i'm trying to read any dwp file before i import it to the page using the splimitedwebpartmanager.Importwebpart.. method. '

As soon as i remove the safe controls lines from the web config, the site provisioning process works again.

Why is this happening?

thanks
Charles

Ajax

answered on 20 Jan 2011

2 answers

138 views

accessing combobox from a different frame

Hello
I'm trying to automate a combobox selection from a different frame then the one that contains the control.
For standard HTML controls just write parent.rightFrame.document.getElementbyId.....
However whem I try parent.rightFrame.document.$find("<%= radcombobox.ClientID %>") I get an error saying that object doesn't suppot this method.
I'm not at all familiar with the radcontrols and i;m not sure I'm doing this right. I got the control ID from the following html element:
<div class="RadComboBox RadComboBox_WebBlue" id="ctl00_CPH1_GridView1_gvReceivingTransactions_ctl03_gvSkidWeights_ctl02_ddlLocation" > and i tried:

var tbLocation = parent.rightFrame.document.$find("<%= ctl00_CPH1_GridView1_gvReceivingTransactions_ctl03_gvSkidWeights_ctl02_ddlLocation.ClientID %>");

Is my syntax incorrect or is the problem that I'm accesing the control from a different frame. If that's the problem what can I do to work around it?

Thanx. I Hope someone can help me.

ComboBox

answered on 19 Jan 2011

10 answers

796 views

Radgrid Drop Down Column

I may be wrong but it seems to me that the only way to populate a drop down column in a grid is with databinding. Is there a way to poopulate the items as follows:

combobox.items.add("First Item");
combobox.items.add("Second Item");
etc.

I don't need to populate from tables for each drop down column.

Regards, Lee

Grid

answered on 19 Jan 2011

1 answer

83 views

Edit cells with merged header.

Hi!
I'm having a problem with the templateColumn. I can have a merged header, but for some reason, there's no way I can edit the value of the items under that column. I've been reading as many post as I could, but no answer so far.
I've tried different approaches, but the last best I could do was this:

<telerik:RadGrid ID="RadGrid1" EnableAJAX="True" ShowStatusBar="true" runat="server" Skin="Default" BorderColor="#97A222" Width="95%"

AutoGenerateColumns="False" PageSize="16" AllowSorting="True" AllowMultiRowSelection="False"

AllowAutomaticDeletes="True" AllowAutomaticUpdates="True"

AllowPaging="False" AllowScroll = "True" GridLines="None" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource">

<MasterTableView Width="100%" DataKeyNames="Name" AllowMultiColumnSorting="True">

<DetailTables>

<telerik:GridTableView DataKeyNames="Name" DataMember="Details" Width="100%" GridLines="Horizontal"

AllowAutomaticDeletes="True" AllowAutomaticUpdates="True"

Style="border-color: #d5b96a" CssClass="RadGrid2">

<Columns>

<telerik:GridEditCommandColumn UpdateText="Update" UniqueName="EditCommandColumn" CancelText="Cancel"

EditText="Edit">

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

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" ReadOnly = "True" HeaderButtonType="TextButton"

DataField="Name">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="TemplateColumn">

<HeaderTemplate>

<table id="Table1" cellspacing="1" cellpadding="1" width="300" border="1">

<tr>

<td colspan="2" align="center"><b>Revenue Growth Strategy</b></TD>

</tr>

<tr>

<td width="50%"><b>Drive organic growth</b></TD>

<td width="50%"><b>Global expansion</b></TD>

</TR>

</TABLE>

</HeaderTemplate>

<ItemTemplate>

<table id="Table2" cellspacing="1" cellpadding="1" width="300" border="1">

<tr>

<td width="50%"><%# DataBinder.Eval(Container.DataItem , "Drive organic growth")%></TD>

<td width="50%"><%# DataBinder.Eval(Container.DataItem, "Global expansion")%></TD>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn SortExpression="Drive organic growth" HeaderText="Drive organic growth" HeaderButtonType="TextButton"

DataField="Drive organic growth">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Global expansion" HeaderText="Global expansion" HeaderButtonType="TextButton"

DataField="Global expansion">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Market new products and services" HeaderText="Market new products and services" HeaderButtonType="TextButton"

DataField="Market new products and services">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Operational improvement" HeaderText="Operational improvement" HeaderButtonType="TextButton"

DataField="Operational improvement">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Technology initiatives" HeaderText="Technology initiatives" HeaderButtonType="TextButton"

DataField="Technology initiatives">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Customer convenience" HeaderText="Customer convenience" HeaderButtonType="TextButton"

DataField="Customer convenience">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton"

DataField="Name">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

I'll appreciate any help.

Grid

answered on 19 Jan 2011

20 answers

572 views

Error when building custom RadFilterDataFieldEditor

When creating an custom DataFieldEditor an error is thrown upon postback.
The custom class looks like (same implementation as the RadFilterTextFieldEditor)

    
            Public Class RadFilterMyTextFieldEditor  
        
                Inherits RadFilterDataFieldEditor  
        
                Protected Overrides Sub CopySettings(ByVal baseEditor As RadFilterDataFieldEditor)  
        
                    MyBase.CopySettings(baseEditor)  
        
                    Dim editor As RadFilterTextFieldEditor = TryCast(baseEditor, RadFilterTextFieldEditor)  
        
                    If (Not editor Is Nothing) Then  
        
                        Me.TextBoxWidth = editor.TextBoxWidth  
        
                    End If  
        
                End Sub  
        
                Public Overrides Function ExtractValues() As ArrayList  
        
                    Dim list As New ArrayList  
        
                    list.Add(Me._textBoxControl.Text)  
        
                    If Not MyBase.IsSingleValue Then  
        
                        list.Add(Me._secondTextBoxControl.Text)  
        
                    End If  
        
                    Return list  
        
                End Function  
        
                Public Overrides Sub InitializeEditor(ByVal container As Control)  
        
                    Me._textBoxControl = New TextBox  
        
                    Me._textBoxControl.CssClass = "rfText" 
        
                    Me._textBoxControl.Width = Unit.Pixel(Me.TextBoxWidth)  
        
                    container.Controls.Add(Me._textBoxControl)  
        
                    If Not MyBase.IsSingleValue Then  
        
                        MyBase.AddBetweenDelimeterControl(container)  
        
                        Me._secondTextBoxControl = New TextBox  
        
                        Me._secondTextBoxControl.CssClass = ("rfText")  
        
                        Me._secondTextBoxControl.Width = Unit.Pixel(Me.TextBoxWidth)  
        
                        container.Controls.Add(Me._secondTextBoxControl)  
        
                    End If  
        
                End Sub  
        
                Public Overrides Sub SetEditorValues(ByVal values As ArrayList)  
        
                    If (Not values Is Nothing) Then  
        
                        If (Not values.Item(0) Is Nothing) Then  
        
                            Me._textBoxControl.Text = (values.Item(0).ToString)  
        
                        End If  
        
                        If (Not MyBase.IsSingleValue AndAlso (Not values.Item(1) Is Nothing)) Then  
        
                            Me._secondTextBoxControl.Text = values.Item(1).ToString  
        
                        End If  
        
                    End If  
        
                End Sub  
        
                <DefaultValue("120"), NotifyParentProperty(True)> _  
        
                Public Property TextBoxWidth() As Integer  
        
                    Get  
        
                        Dim obj2 As Object = MyBase.ViewState.Item("TextBoxWidth")  
        
                        If (obj2 Is Nothing) Then  
        
                            Return 120  
        
                        End If  
        
                        Return CInt(obj2)  
        
                    End Get  
        
                    Set(ByVal value As Integer)  
        
                        MyBase.ViewState.Item("TextBoxWidth") = value  
        
                    End Set  
        
                End Property  
        
                ' Fields  
        
                Private _secondTextBoxControl As TextBox  
        
                Private _textBoxControl As TextBox  
        
            End Class

When using this on a web form like

    
                Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init  
        
                    Dim oMyTextFilter As New RadFilterMyTextFieldEditor  
        
                    oMyTextFilter.FieldName = "Company" 
        
                    RadFilter1.FieldEditors.Add(oMyTextFilter)  
        
                End Sub

The following error is thrown upon postback

    
            Exception Details: System.ArgumentNullException: Value cannot be null.  
        
            Parameter name: item  
        
            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:   
        
            [ArgumentNullException: Value cannot be null.  
        
            Parameter name: item]  
        
               Telerik.Web.UI.RadFilterDataFieldEditorCollection.InsertInternal(Int32 index, RadFilterDataFieldEditor item) +77  
        
               Telerik.Web.UI.RadFilterDataFieldEditorCollection.Add(RadFilterDataFieldEditor item) +40  
        
               Telerik.Web.UI.RadFilterDataFieldEditorCollection.System.Web.UI.IStateManager.LoadViewState(Object state) +602  
        
               Telerik.Web.UI.RadFilter.LoadViewState(Object savedState) +155  
        
               System.Web.UI.Control.LoadViewStateRecursive(Object savedState) +183  
        
               System.Web.UI.Control.LoadChildViewStateByIndex(ArrayList childState) +134  
        
               System.Web.UI.Control.LoadViewStateRecursive(Object savedState) +221  
        
               System.Web.UI.Control.LoadChildViewStateByIndex(ArrayList childState) +134  
        
               System.Web.UI.Control.LoadViewStateRecursive(Object savedState) +221  
        
               System.Web.UI.Page.LoadAllState() +312  
        
               System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1661

What goes wrong?
My intention is to create a custom editor with dropdown list boxes in stead of the regular text edits

Filter

answered on 19 Jan 2011

9 answers

510 views

How to avoid whole page postback when click the node of treeview in ComboBox

Code in aspx:

    
            <asp:UpdatePanel ID="upComboBox" runat="server">  
        
                            <ContentTemplate> 
        
                                <telerik:RadComboBox ID="rcb" runat="server" SkinID="Larger" Height="200px">  
        
                                    <ItemTemplate> 
        
                                        <telerik:RadTreeView ID="rtv" runat="server" OnNodeClick="rtv_NodeClick" 
        
                                            CausesValidation="false">  
        
                                        </telerik:RadTreeView> 
        
                                    </ItemTemplate> 
        
                                    <Items> 
        
                                        <telerik:RadComboBoxItem Selected="true" /> 
        
                                    </Items> 
        
                                </telerik:RadComboBox> 
        
                            </ContentTemplate> 
        
            </asp:UpdatePanel>

Code in aspx.cs

    
             protected void rtv_NodeClick(object sender, RadTreeNodeEventArgs e)  
        
             {  
        
                 rcb.Items[0].Value = e.Node.Value;  
        
                 rcb.Items[0].Text = e.Node.Text;  
        
             }

This method won't stop whole page postback when you trigger the rtv_NodeClick event

There somebody said, should put the updatepanel inside ComboBox like follows

    
              <telerik:RadComboBox ID="rcbConsigned" runat="server" SkinID="Larger" Height="200px">  
        
                                    <ItemTemplate> 
        
                                        <asp:UpdatePanel ID="up" runat="server">  
        
                                            <ContentTemplate> 
        
                                                <telerik:RadTreeView ID="rtvSubcon" runat="server" OnNodeClick="rtvSubcon_NodeClick" 
        
                                                    CausesValidation="false">  
        
                                                </telerik:RadTreeView> 
        
                                            </ContentTemplate> 
        
                                        </asp:UpdatePanel> 
        
                                    </ItemTemplate> 
        
                                    <Items> 
        
                                        <telerik:RadComboBoxItem Selected="true" /> 
        
                                    </Items> 
        
                                </telerik:RadComboBox>

This method can stop the whole page postback, but as ajax method, it won't change the value of radcombox.

As we were told ms-help://telerik.aspnetajax.radcontrols.2009.Q1/telerik.aspnetajax.radajax.2009.Q1/3rdparty.html

Controls that Are Not Compatible with RadAjaxManager Control

The following ASP.NET controls are not compatible with partial-page updates, and are therefore not supported as initiating or updated controls:

TreeView and Menu controls.
Web Parts controls. For more information, see ASP.NET Web Parts Controls.
FileUpload controls when they are used to upload files as part of an asynchronous postback.
GridView and DetailsView controls when their EnableSortingAndPagingCallbacks property is set to true. The default is false.
Login, PasswordRecovery, ChangePassword, and CreateUserWizard controls whose contents have not been converted to editable templates.
The Substitution control.

ComboBox

answered on 19 Jan 2011

1 answer

100 views

Formview/RadUpload

Do you have good example of RadUpload controls inside Formview Control with server side API?
When i upload file , i can find the control but when i save i could not find posted file.

Thanks,

Upload (Obsolete)

answered on 19 Jan 2011

1 answer

163 views

RadAjaxProxy and UserControls How to handle other controls

The question is twofold:
Question 1. How, when I have an update in BmpDemographic1 can I get the ajax to fire on BmpSelectList? Right now when I update BmpDemographic1, the ajax files on the updatedcontrol and BmpSelectList also updates as it is being told to. However the loadingpanel does not fire. I am assuming the following.. on the aspx RadajaxManager, declare the user controls and their related updatedcontrols... ie UC1 manages UC2 and UC3. When UC2 is updated, Update UC1.

aspx page code:

<uc2:BmpSelectList ID="BmpSelectList1" runat="server" />

<table><tr><td >

<uc3:BmpDemographic ID="BmpDemographic1" runat="server" />

</td><td rowspan="3">

<uc1:BmpRcds ID="BmpRcds1" runat="server" />

</td>

</tr> </table>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Default" >

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="BmpSelectList1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="BmpDemographic1" />

<telerik:AjaxUpdatedControl ControlID="BmpRcds1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="BmpDemographic1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="BmpSelectList1" LoadingPanelID="RajAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="BmpRcds1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="BmpSelectList1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Within my ascx files I have the following:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function myUserControlClickHandler() {

$find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("content");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="AsocDD">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="status" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="AdvisorDD">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="status" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Default" >

</telerik:RadAjaxLoadingPanel>

Within my code I essentially say when the dropdown is updated, throw and update request back to the other uc. This gets handled in the page_Prerender event on the .aspx.vb page

If IsNumeric(BmpDemographic1.Update) = True Then

BmpSelectList1.SendID = BmpDemographic1.Update ' Keep the selected row

BmpSelectList1.updategrid() ' Radgrid.mastertable.rebind()

BmpDemographic1.Update = Nothing ' clear the update property

End If

Any Idea why I can't get the loading panel on BmpSelectList1 to show?

-------------------------------------------

Ajax

answered on 19 Jan 2011

7 answers

258 views

Maximize client side and modal

I have a window that a user can open multiple times while on a page and is defined in a RadWindowManager and opened client side uses the below code. I need the window maximized every time it is opened so I call the maximize function since the InitialBehaviors is only used the first time the windows is opened. The window is defined in the RadWindowManager as a modal window and when the maximize function is called the window gets maximized, but is moved behind it's own gray background making it unusable. If I set the ShowOnTopWhenMazimized to false it maximizes the window without moving it back, but this doesn't seem logical. Is there a better way to do this or is there a fix.

function openWindow(link, radWindowID, maximize){

var oManager = $find("<%= RadWindowManager.ClientID %>");

var oWin = oManager.open(link, radWindowID);

if(maximize) oWin.maximize();

return false;

}

Window