Questions on UI for ASP.NET AJAX Forum

1 answer

49 views

Custom async handler: Need event before download finished

Hello,

The Process() method in custom async handlers is great. However, it is called only upon completed download of a file.

Is there a way to hook into an earlier handler event at the moment the download is initiated? The idea is that I would like to check whether the file is valid as early as possible. It looks bad to have the user wait for a 50MB upload only to tell at the end that the file cannot be uploaded (e.g. if it already exists).

Thank you,
Stephan

AsyncUpload

answered on 04 Jan 2012

2 answers

117 views

Quick Access Toolbar not working in some browsers

If the Quick Access toolbar is enabled for the RibbonBar then in all browsers except IE9 a javascript error occurs and prevents everything from working.
If I disable the QA toolbar all works fine.
The error occurs in the initialize method of the RibbonBarQuickAccessToolbarItem object.

I have attached a screenshot of the error as seen in the developer tools of Safari 5.

RibbonBar

answered on 04 Jan 2012

1 answer

159 views

RADListBox transfer grouped item.

When I use the RADListBox with grouped items. Everything displays correctly until I perform a client side transfer from one listbox to another. The transfered items append to the bottom of the listbox and are not grouped. How can I transfer and have everything regroup client side.

<script type="text/javascript">

function onClientTransferred(sender, args) {

//alert("transfer from id:" + args.get_sourceListBox().get_id());
//alert("transfer to id:" + args.get_destinationListBox().get_id());

var fromList = args.get_sourceListBox().get_items();
var fromItem = args.get_item();
var fromItemAttributes = args.get_item().get_attributes();
var fromItemCat = fromItemAttributes.getAttribute("DataGroupField");
alert("from item cat:" + fromItemCat);

args.get_destinationListBox().trackChanges();
var toList = args.get_destinationListBox().get_items();
var toItem = args.get_destinationListBox().findItemByValue(args.get_item().get_value());
var toItemAttributes = toItem.get_attributes();
toItemAttributes.setAttribute("DataGroupField", fromItemCat);
toItem.attributes = toItemAttributes;

var index = fromList.indexOf(toItem);
toList.removeAt(index);
toList.insert(index, toItem);

alert("to item:" + toItem.get_text());
args.get_destinationListBox().commitChanges();

}
</script>

<rei:REIRadListBox ID="lstFavItems" runat="server" AllowTransfer="true" TransferToID="lstTopFavItems" EnableDragAndDrop="true" EnableEmbeddedSkins="false" DataTextField="DisplayText" DataValueField="UserFavoriteId" SelectionMode="Multiple" EnableFiltering="true" FilterBoxEmptyMessage="Type here to filter" Height="200" Width="370"
TransferMode="Move" OnTransferred="RadListBox_Transferred" AllowReorder="true" OnClientTransferred="onClientTransferred" />

<rei:REIRadListBox ID="lstTopFavItems" runat="server" Height="200" Width="370" EnableDragAndDrop="true" EnableFiltering="true" EnableEmbeddedSkins="false" FilterBoxEmptyMessage="Type here to filter"
DataTextField="DisplayText" DataValueField="UserFavoriteId" AllowReorder="true" />

ListBox

answered on 04 Jan 2012

6 answers

1.1K+ views

Remove column from Radgrid

How to remove dynamically created column from Radgrid.

Grid

answered on 04 Jan 2012

7 answers

892 views

RadWindow autosize problem

I have a RadWindow (contents are html not iframe):

<telerik:RadWindow ID="radwindow1" VisibleTitlebar="false" VisibleStatusbar="false"<br> BorderWidth="0" Title="Image" runat="server" VisibleOnPageLoad="false" Modal="true"<br> Autosize="true"><br> <contenttemplate> <br> <img alt="" id="image1" /> <br> </contenttemplate><br> </telerik:RadWindow>

The image1 size is unknown, it can be any size. Click a button will open radwindow1 using javascript:

var oWnd = $find('<%=radwindow1.ClientID %>');<br> if (oWnd) { <br> oWnd.autoSize(true);<br> oWnd.show();<br>}

It works fine on Firefox but not in IE 8. First time open it on IE 8 will work fine but next time will show pop up with scroll bars, then next time will be fine and next time not.

My doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Thank for your time!

Window

answered on 04 Jan 2012

1 answer

111 views

Multiple RadGrids side-by-side and scrolling down

Hi,

I am wondering if multiple Radgrids can be put side-by-side so that end user gets a feeling that those are the same grid?
In practise, if end user scrolls down a grid, both grids are scrolled down at the same time.

I hoped I could use single RadGrid in my application, but it seems that one can't 'drag to select' Items in a column. It seems that 'drag to select' functionality always selects entire grid rows? My application should allow the end user to 'drag to select' just one or multiple items in a specific column.

BR,
Timo

Grid

answered on 04 Jan 2012

2 answers

111 views

Panels never expanding on load/start

Hi,

I'm using the panelbar and whant the first panel to expand, on start.

This is my panel code:

<telerik:RadPanelBar ID="RadPanelBar_Portfolio" Width="100%" Height="100%" CssClass="masterPanelBar"

ExpandMode="FullExpandedItem" runat="server" >

<Items>

<telerik:RadPanelItem Value="MainPanel" Selected="true" Expanded="True">

<HeaderTemplate>

<asp:label ID="Label8" Text="Portfolio" Font-Bold="true" runat="server" />

</HeaderTemplate>

<ContentTemplate>

<table id="tbl_HeaderPortFolio" runat="server">

<tr>

....

</tr>

</table>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

The panel bar is inside a RadSplitter.
The radsplitter is inside a dynamically loaded control, that is in a RadAjaxPanel.

As you can see, I set Selected="true" Expanded="True"
but that does not show the panel expanded. I always have to click the bar to see its content (the table)

I tried also to set it in code :

With RadPanelBar_Portfolio.FindItemByValue("MainPanel")

.Expanded = True

.Selected = True

.Expanded = True

.PreventCollapse = True

End With

and even in the PreRender (RadPanelBar_Portfolio.Items(0).Expanded = True)

and I tried setting it in JS:

function ExpandItem()

{

var panelbar = <%= RadPanelBar_Portfolio.ClientID %>;

var item = panelbar.FindItemByValue("MainPanel");

if (item)

{

item.Expand();

}

else

{

//alert("Item with text 'MainPanel' not found.");

}

ExpandItem;

But, no luck, the panelbar ALWAYS needs to be clicked first...

Please check screenshot for more details.

Could you tell me how I can see the first panel expanded?

Thanks

Erik

PanelBar

answered on 04 Jan 2012

1 answer

115 views

Find Control

Hi ,

I am using a spliter control in my page and thr are two rad panel

spliter ---- RadPane1 -- radListview----item1,item2,item3 all are template field and in side Item there are some link and div
-----RadPane2 -- using contenturl i am loding a page here

how can i access in content page of radpane2 controls of tadpane1 like item exist in radlistview on client and server side

Thanks
vivek

Code

<telerik:RadSplitter ID="RadSplitter1" runat="server"

EnableEmbeddedBaseStylesheet="false" BorderStyle="None" EnableEmbeddedScripts="true"

LiveResize="True" Width="940px">

<telerik:RadPane ID="RadPane1" runat="server" CssClass="myStepContainer"

Height="500px">

<telerik:RadListView ID="WizardStepList" runat="server" ItemPlaceholderID="WizardStepsContainer"

DataKeyNames="Id" DataSourceID="WizardStepDataSource">

<LayoutTemplate>

<%--<fieldset> --%>

<asp:Panel ID="WizardStepsContainer" runat="server" />

<%--</fieldset>--%></LayoutTemplate>

<ItemTemplate>

<div class='<%#Eval("StatusCssClass") %>' id="workflowItem" runat="server">

<p class="toggler">

<asp:LinkButton ID="NStep" index='<%# Index++ %>' CssClass='<%#Eval("StepCssClass") %>'

Text='<%#Eval("StepDisplayText") %>' runat="server" OnClick="NavigateStep" OnClientClick='<%# "return navigate(\"" + (Index) + "\");" %>'></

asp:LinkButton></p>

</div>

</ItemTemplate>

</telerik:RadListView>

</telerik:RadPane>

<telerik:RadPane ID="contentPane" EnableEmbeddedScripts="true" runat="server" ContentUrl="about:blank"

CssClass="container" Width="790px" Height="600px">

<div id="Div1" runat="server" class="workflowButtonsHoriz">

<asp:Button CssClass="prevButton" ID="Previous" title="Previous" runat="server" OnClick="Previous_Click" />

<asp:Button CssClass="nextButton" ID="Next" title="Next" runat="server" OnClick="Next_Click" />

<span style="display: none">

<asp:Button ID="refresh" runat="server" OnClick="Refresh" /></span>

</div>

<div class="clearBoth">

</div>

</telerik:RadPane>

</telerik:RadSplitter>

Splitter

answered on 04 Jan 2012

1 answer

253 views

Sorting is not working in RadGrid

Hi ,

I am using property class object inside to another property class for reusability as shown below. My problem is that when I click sort on EMP_ID column then error will occur as shown below. but it will working on all the other company direct fields like company_ID, company_Name but for others inherited columns its gives error check the given below code and advise me how to fixed this error thanks.

If I EnableLinqExpressions="false" then its give me error like this

Cannot find column EMP_ID.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.IndexOutOfRangeException: Cannot find column EMP_ID.

If I EnableLinqExpressions="true" then its give me error like this

No property or field 'EMP_ID' exists in type 'Company'

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: Telerik.Web.UI.ParseException: No property or field 'EMP_ID' exists in type Company'

If I ="true" then its give me error like this

public class Employee

{

public int Emp_ID { get; set; }

public string Emp_Name { get; set; }

public string Email { get; set; }

public bool? IsActive { get; set; }

public bool? Flag { get; set; }

public string Password { get; set; }

public int Role_ID { get; set; }

}

public class Company

{

public int Company_ID { get; set; }

public string Company_Name { get; set; }

public string Phone_No { get; set; }

private Employee _modelEmployee;

public Employee ModelEmployee

{

get

{

if (_modelEmployee == null)

_modelEmployee = new Employee();

return _modelEmployee;

}

set

{

_modelEmployee = value;

}

} 




<telerik:RadGrid ID="grdSearch" runat="server" AllowSorting="True" AllowPaging="True"
                   EnableLinqExpressions="false" AllowCustomPaging="True" GridLines="None" Skin="Vista"
                   ShowGroupPanel="True"> 
                   <MasterTableView AutoGenerateColumns="False" DataKeyNames="Company_ID"> 
                       <RowIndicatorColumn> 
                           <HeaderStyle Width="20px"></HeaderStyle> 
                       </RowIndicatorColumn> 
                       <ExpandCollapseColumn> 
                           <HeaderStyle Width="20px"></HeaderStyle> 
                       </ExpandCollapseColumn> 
                       <Columns> 
                           <telerik:GridBoundColumn DataField="Company_ID" DataType="System.Int32" HeaderText="Company_ID"
                               SortExpression="Company_ID" UniqueName="Company_ID"> 
                           </telerik:GridBoundColumn> 
                           <telerik:GridBoundColumn DataField="ModelEmployee.Emp_Name" DataType="System.String"
                               HeaderText="Emp_Name" SortExpression="Emp_Name" UniqueName="Emp_Name"> 
                           </telerik:GridBoundColumn> 
                           <telerik:GridBoundColumn DataField="ModelEmployee.Emp_ID" DataType="System.Int32"
                               HeaderText="Emp_ID" SortExpression="Emp_ID" UniqueName="Emp_ID"> 
                           </telerik:GridBoundColumn> 
                           <telerik:GridBoundColumn DataField="ModelEmployee.Role_ID" DataType="System.Int32"
                               HeaderText="Role_ID" SortExpression="Role_ID" UniqueName="Role_ID"> 
                           </telerik:GridBoundColumn>                            
                           <telerik:GridButtonColumn CommandName="Edit" Text="Edit" UniqueName="column1" HeaderText="Edit"> 
                           </telerik:GridButtonColumn> 
                           <telerik:GridButtonColumn CommandName="View" Text="View" UniqueName="column" HeaderText="View"> 
                           </telerik:GridButtonColumn> 
                       </Columns> 
                   </MasterTableView> 
                   <ClientSettings AllowDragToGroup="true" /> 
               </telerik:RadGrid>

Grid

answered on 04 Jan 2012

0 answers

94 views

How to Get data from SharePoint List to RadListView?

hi all,
i am D.Srinivasa Rao,

in my project i have a RadListView to display a User Profile From SharePoint List based on the condition. How can i display a data into RadListView with User Image.

The Following image to displays the view of RadListView.

Please Help me,
Thanks
D.Srinivasa Rao

ComboBox

asked on 04 Jan 2012