Questions on UI for ASP.NET AJAX Forum

5 answers

588 views

Hi

I have created a combobox with checkboxes in it

    
             <telerik:RadComboBox ID="cboMonth" runat="server" OnClientDropDownClosed="onClientDropDownClosed"> 
        
                    <ItemTemplate> 
        
                         <asp:CheckBox runat="server" ID="chk1" Checked="true"  Text='<%# DataBinder.Eval(Container, "Text") %>' /> 
        
                    </ItemTemplate> 
        
            </telerik:RadComboBox>

which works a treat however when I try enable or disable it using Javascript

    
                            if (item._text = " ") { 
        
                                cboCountries.enable() 
        
                            } 
        
                            else { 
        
                                cboCountries.clearSelection() 
        
                                cboCountries.disable(); 
        
                            }

When it is re-enabled the checkboxes are disabled and you I can not select them

I have tried manually setting the checkboxes disabled = false

    
             var items = cboCountries.get_items(); 
        
                                for (var i = 0; i < items.get_count(); i++) { 
        
                                    var chk1 = $get(cboCountries.get_id() + "_i" + i + "_chk1"); 
        
                                    chk1.disabled = false; 
        
                                }

but this is not working either.

Anyone have any ideas?

TIA
Richard

ComboBox

answered on 05 Apr 2011

0 answers

130 views

RadListBox and ObjectDataSource out of sync

Hi,

I have a RadListBox binded to an ObjectDataSource. The problem I am having is that when I insert/delete an item from the datasource, it is not reflected in the RadListBox. The OBjectDataSource's Select method is never called. The weird thing is that I use the same ObjectDataSource with other different RadListBoxes and they work fine, The listbox contains the changes made.

Any help would be appreciated...

Thanks

FileImport.ascx

%@ Control Language="C#" AutoEventWireup="true" CodeBehind="FileImport.ascx.cs" Inherits="Epsi.Segmentation.WebApp.SegmentationControls.FileImport" %>

<%@ Register src="UploadPrompt.ascx" tagname="UploadPrompt" tagprefix="uc1" %>

<%@ Register src="ColumnDetail.ascx" tagname="ColumnDetail" tagprefix="uc2" %>

<uc1:UploadPrompt ID="UploadPrompt1" runat="server" Visible="false" />

<uc2:ColumnDetail ID="ColumnDetail1" runat="server" Visible="false" />

<asp:HiddenField ID="HiddenFieldMode" runat="server" />

UploadPrompt.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UploadPrompt.ascx.cs" Inherits="Epsi.Segmentation.WebApp.SegmentationControls.UploadPrompt" %>

<script type='text/javascript' src="../assets/js/segmentation/upload_prompt.js"></script>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />

<asp:ObjectDataSource ID="ObjectDataSourceTables" runat="server" CacheDuration="10"

DataObjectTypeName="Epsi.Segmentation.Dto.TblEntityDto"

SelectMethod="SelectRegisteredUdtTables"

TypeName="Epsi.Segmentation.WebApp.DataSource.ObjectDataSourceTables">

</asp:ObjectDataSource>

<asp:ObjectDataSource ID="ObjectDataSourceTags" runat="server" CacheDuration="10"

DataObjectTypeName="Epsi.Segmentation.Dto.TagEntityDto" SelectMethod="Select"

TypeName="Epsi.Segmentation.WebApp.DataSource.ObjectDataSourceTags" >

</asp:ObjectDataSource>

<asp:ObjectDataSource ID="ObjectDataSourceApps" runat="server" CacheDuration="10"

DataObjectTypeName="Epsi.Segmentation.Dto.RefAppEntityDto" SelectMethod="Select"

TypeName="Epsi.Segmentation.WebApp.DataSource.ObjectDataSourceApps">

</asp:ObjectDataSource>

<div id="Div1" runat="server" style="overflow: auto; margin: 25px; width: 90%;">

<telerik:RadComboBox ID="RadComboBoxTable"

Label="<%$ Resources:UserControlTextAndLabels, ExistingTableLabelResource%>"

runat="server" DataSourceID="ObjectDataSourceTables" DataTextField="Name"

OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" DataValueField="Name" Width="100%"/>

</div>

<div id="Div2" runat="server" style="overflow: auto; margin: 25px; width: 90%;">

<telerik:RadTextBox ID="RadTextBoxNewTable" runat="server" MaxLength="26"

Label="<%$ Resources:UserControlTextAndLabels, NewTableLabelResource%>" Width="100%">

<ClientEvents OnValueChanged="textNewTableChanged" />

</telerik:RadTextBox>

</div>

<asp:HiddenField ID="HiddenExistingTable" runat="server" />

<div id="Div3" runat="server" style="overflow: auto; margin: 25px; width: 90%;">

<asp:Label ID="Label3" runat="server" Text="<%$ Resources:UserControlTextAndLabels, ImportFile%>"

CssClass="rcbLabel riLabel" AssociatedControlID="RadUploadDataFile">

</asp:Label>

<telerik:RadUpload ID="RadUploadDataFile" runat="server"

ControlObjectsVisibility="None" MaxFileInputsCount="1"

OnClientAdded="onClientDataFileAddedHandler"

Localization-Select="<%$ Resources:UserControlTextAndLabels, SelectTxtResource%>" Width="100%">

</telerik:RadUpload>

</div>

<div id="Div5" runat="server" style="overflow: auto; margin: 25px; width: 90%;">

<asp:Label ID="Label1" runat="server" Text="<%$ Resources:UserControlTextAndLabels, ApplicationsResource%>"

CssClass="rcbLabel riLabel" AssociatedControlID="RadListBoxApps" />

<br />

<telerik:RadListBox ID="RadListBoxApps" runat="server" CheckBoxes="True" DataKeyField="Id"

DataSortField="Name" DataSourceID="ObjectDataSourceApps" DataTextField="Name"

DataValueField="Id" Style="overflow: auto;" Width="80%" Height="50px"

ondatabound="RadListBoxApps_DataBound">

<ButtonSettings ReorderButtons="Common" />

</telerik:RadListBox>

</div>

<div id="Div6" runat="server" style="overflow: auto; margin: 25px; width: 90%;">

<asp:Label ID="Label2" runat="server" Text="<%$ Resources:UserControlTextAndLabels, TagsColonResource%>"

CssClass="rcbLabel riLabel" AssociatedControlID="RadListBoxTags" />

<br />

<telerik:RadListBox ID="RadListBoxTags" runat="server" CheckBoxes="True" DataKeyField="Id"

DataSortField="Id" DataSourceID="ObjectDataSourceTags" DataTextField="Id"

DataValueField="Id" Style="overflow: auto;" Width="80%" Height="50px"

ondatabound="RadListBoxTags_DataBound">

<ButtonSettings ReorderButtons="Common" />

</telerik:RadListBox>

</div>

<div id="Div4" runat="server" style="overflow: auto; margin: 25px; width: 90%;">

<asp:Button ID="submitButton" runat="server" Text="<%$ Resources:UserControlTextAndLabels, SubmitTxtResource%>"

onclick="submitButton_Clicked" />

<asp:Button ID="ButtonCancel" runat="server" Text="<%$ Resources:UserControlTextAndLabels, BtnCancelResource1 %>"

CausesValidation="False" onclick="ButtonCancel_Click" />

</div>

ListBox

asked on 05 Apr 2011

6 answers

222 views

EnableInlineProgress not working

Hello,

I have the following RadAsyncUpload control on my page:
I set the EnableInlineProgress property to false but still i see the uploaded files above the control when selecting files.

Also when i set the following property:

ControlObjectsVisibility

="None"

I see when i debug that this property throws an InvalidCast exception.

is this a bug? Im using the 2010.3.1317.35 build

<

telerik:RadAsyncUpload ID="radUplFonts" runat="server" Width="290px" InputSize="35" MultipleFileSelection="Automatic" AllowedFileExtensions="otf,ttf" EnableInlineProgress="false" />

AsyncUpload

answered on 05 Apr 2011

3 answers

387 views

GridNumericColumn.FormatDataValue

With the following grid

                    <telerik:RadGrid ID="rgRates" runat="server" AutoGenerateColumns="false" Visible="true">         
                <MasterTableView DataKeyNames="RecordID" EditMode="InPlace" CommandItemDisplay="Top">         
                    <CommandItemSettings AddNewRecordText="" AddNewRecordImageUrl="../../App_Themes/Default/images/Add.gif" RefreshText="Refresh" />         
                    <Columns>         
                        <telerik:GridBoundColumn DataField="RecordID" Visible="false" />         
                        <telerik:GridEditCommandColumn ButtonType="LinkButton" CancelText="Cancel" EditText="Edit" UpdateText="Save" />         
                        <telerik:GridDateTimeColumn DataField="DateStart" HeaderText="Start" DataFormatString="{0:d}" ColumnEditorID="rgRatesDateEditor" />         
                        <telerik:GridDateTimeColumn DataField="DateEnd" HeaderText="End" DataFormatString="{0:d}" ColumnEditorID="rgRatesDateEditor" />         
                        <telerik:GridNumericColumn DataField="Commission" HeaderText="Commission" HeaderStyle-HorizontalAlign="Right" DataFormatString="${0:N4}" ItemStyle-HorizontalAlign="Right" ColumnEditorID="rgRatesCommission" />         
                        <telerik:GridNumericColumn DataField="Revenue" HeaderText="Revenue" HeaderStyle-HorizontalAlign="Right" DataFormatString="${0:N4}" ItemStyle-HorizontalAlign="Right" ReadOnly="true" />         
                        <telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete" CommandName="Delete" ConfirmDialogType="Classic" ConfirmTitle="Confirm Delete" ConfirmText="Are you sure you want to delete the specified record?" />         
                    </Columns>         
                </MasterTableView>         
            </telerik:RadGrid>         
            <telerik:GridDateTimeColumnEditor ID="rgRatesDateEditor" runat="server" TextBoxStyle-Width="90" />         
            <telerik:GridNumericColumnEditor ID="rgRatesCommission" runat="server" NumericTextBox-Width="50" NumericTextBox-Type="Number" NumericTextBox-SelectionOnFocus="None" NumericTextBox-Label="$" NumericTextBox-IncrementSettings-InterceptArrowKeys="false" />         
                     

bound to a list of objects where:

"RecordID" type is Integer

"DateStart" type is Date

"DateEnd" type is Date

"Commission" type is Decimal

"Revenue" type is Nullable Decimal

Clicking the "Add" button to add a new InPlace edit row generates the following error:

"Object reference not set to an instance of an object." in the method "Telerik.Web.UI.GridNumericColumn.FormatDataValue"

Assembly Version: 2009.2.701.35

Grid

answered on 05 Apr 2011

1 answer

189 views

RadEditor - Tab and Indent for alignment

We are planning to use RadEditor for creating our well formatted documents.

We want to create Text at certain positions in the editor.
These positions need to be defined in RadEditor by Creating Tab or Indent positions.

Example -

This text is indented
and starts at certain tabbed positions!

Please let me know how I can do this in RadEditor.

thanks
Shweta

Editor

answered on 05 Apr 2011

2 answers

131 views

AutoResize after failed validation

I noticed that after I submit a form that fails validation, my window (with autosize="true" set) does not auto-resize to account for the validation summary.

In my click event, I am trying to call autoSize() directly if IsValid id false without much success.

private void Save_Click(object sender, EventArgs e)
   {
   if (this.IsValid)
   {
   // save
   }
   else
   {
   string autoSize = "getRadWindow().autoSize(true);";
   // Register a startup script which will manually call autoSize() on radWindowActivity
   RadScriptManager.RegisterStartupScript(
   this,
   this.GetType(),
   "resizeWindow",
   autoSize,
   true);
   }

Window

answered on 05 Apr 2011

4 answers

148 views

Radgrid layout problem in pageview using tabstrip

Greetings,

    
             <telerik:RadTabStrip ID="RadTabStrip1" runat="server"   
        
            SelectedIndex="0" MultiPageID="TabContainer1" Width="800px" >  
        
                <Tabs>  
        
                <telerik:RadTab runat="server" Text="tab1" PageViewID="tbpnl1" Selected="True" >  
        
                </telerik:RadTab>  
        
                <telerik:RadTab runat="server" Text="tab2" PageViewID="tbpnl2" >   
        
                </telerik:RadTab>  
        
                <telerik:RadTab runat="server" Text="tab3" PageViewID="tbpnl3" >  
        
                </telerik:RadTab>  
        
                </Tabs>  
        
            </telerik:RadTabStrip>  
        
                <telerik:RadMultiPage ID="TabContainer1" runat="server" SelectedIndex="0"   
        
                Width="800px" Height="180px" >  
        
                <telerik:RadPageView ID="tbpnl1" runat="server" Width="800px" Height="180px" >  
        
                   <telerik:RadGrid ID="radgrid1" runat="server"  Width="800px" Height="180px"

I'm using simple binding for radgrid, there is one grid in each pageview, as 1st load the page everything looking fine but I am facing a problem when I click my asp:button to bind radgrids again, only the selected tab grid looks fine and other two grids are behaving like in img file
before(bfr.jpg) and after(aftr.jpg) clicking refresh button

Grid

answered on 05 Apr 2011

5 answers

142 views

Transferring items in ListBox not binding properly

Hello,

I'm trying to create two ListBoxes, where items can be transferred from one ListBox to the other. The problem is that when items are transferred the items do not look like the original (they are missing the bound image).

Here is the code I am using:

<telerik:RadListBox runat="server" ID="RadActorListBoxSource" Height="400px" Width="300px"

AllowTransfer="true" AllowTransferOnDoubleClick="true" ButtonSettings-ShowTransferAll="false"

EnableDragAndDrop="true" TransferToID="RadActorListBoxDestination" SelectionMode="Multiple"

DataSourceID="LinqDataSource4" CausesValidation="false" TransferMode="Move" DataValueField="ActorId">

<ItemTemplate>

<div>

<telerik:RadBinaryImage runat="server" ID="ActorImage" Width="50px" DataValue='<%# ((Binary) Eval("ActorImage")).ToArray() %>'

AutoAdjustImageControlSize="False" />

<%# Eval("Name") %>

</div>

</ItemTemplate>

</telerik:RadListBox>

<telerik:RadListBox runat="server" ID="RadActorListBoxDestination" Height="400px"

Width="300px" EnableDragAndDrop="true" TransferMode="Move" SelectionMode="Multiple"

EmptyMessage="Please select at least one actor" CausesValidation="true" ValidationGroup="addSceneSubmit">

<ItemTemplate>

<div>

<telerik:RadBinaryImage runat="server" ID="ActorImage" Width="50px" DataValue='<%# ((Binary) Eval("ActorImage")).ToArray() %>'

AutoAdjustImageControlSize="False" />

<%# Eval("Name") %>

</div>

</ItemTemplate>

</telerik:RadListBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="RadActorListBoxDestination"

ErrorMessage="Please select at least one actor" ValidationGroup="addSceneSubmit">

</asp:RequiredFieldValidator>

<asp:LinqDataSource ID="LinqDataSource4" runat="server" ContextTypeName="DataClassesDataContext"

OrderBy="Name" Select="new (ActorId, Name, ActorImage)" TableName="Actors">

</asp:LinqDataSource>

Any ideas what is going on?

Thanks,
Zeyad

ListBox

answered on 05 Apr 2011

6 answers

237 views

AsyncUpload with ProgressManager: how to stop polling the server

Hi,

I have fully ajaxified app, inside 1 dynamically loaded user control I have async upload:

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUploadElementAttachments" MultipleFileSelection="Automatic"<BR>

MaxFileInputsCount="5" MaxFileSize="31457280" InputSize="50" Width="100%" OnFileUploaded="RadAsyncUploadElementAttachments_FileUploaded"<BR>

OnClientFilesUploaded="onClientFilesUploaded" OnClientFileUploading="onClientFileUploading" TemporaryFolder="" ></telerik:RadAsyncUpload>

Above I have:

<script type="text/javascript">

function onClientFileUploading() {

getRadProgressManager().startProgressPolling();

}

function onClientFilesUploaded() {

//getRadProgressManager().hideProgressAreas();

}

Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; }

</script>

Once I upload file, polling starts and contunies (I can see in Fiddler constant requests to /Telerik.RadUploadProgressHandler.ashx
When I upload another file, polling speed increases, I believe it's because getRadProgressManager().startProgressPolling(); is called again, another file upload - again, speed of polling increases.

ProgressManager and ProgressArea are in masterpage and are outside of any update panels:

<telerik:RadProgressManager ID="Radprogressmanager1" runat="server" RegisterForSubmit="false" />

<telerik:RadProgressArea ID="progressArea1" runat="server" Culture="(Default)" Height="200px" Skin="Default" Width="400px" style="position: absolute !important; top: 300px !important; left: 280px !important; z-index:10100 !important;" />

Question is:how to stop it from polling, I would like to start/stop polling manually (this will also solve poll speed increase issue, I think)?

P.S.: getRadProgressManager().hideProgressAreas(); is commented out cause progress area automatically disappears when upload has completed. Also when I load another user control polling speed drops to initial speed (first file upload case)

Thanks!

AsyncUpload

answered on 05 Apr 2011

2 answers

147 views

mouse scroll breaks radcombobox

In the AdvancedInsertTemplate, if you use a radcombobox, expand it, and scroll with the mouse while its expanded, the list breaks from the combobox. You can view this occurance going here:
http://demos.telerik.com/aspnet-ajax/scheduler/examples/advancedformtemplate/defaultcs.aspx then
Edit an appointment then expand or drop down reminder or room radcomboboxes. Afterwards, scroll with your mouse while its expanded.

I believe the issue is that the radscheduler is not modal. If we can set the radscheduler to modal or not move in the background that would be great.

Jeremy

Scheduler

answered on 05 Apr 2011