Questions on UI for ASP.NET AJAX Forum

2 answers

63 views

Hypothetical question: Grid performance under two different scenarios

I'm looking at the following demos.

http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/declarativerelations/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/selectedvalue/defaultcs.aspx

I have the usual header-detail relationship in a pair of tables.

I was just wondering if there are any performance issues I should be aware of when chosing one method over another?

(It's quite likely that most of the headers may have only a few details. It is also possible a few could have dozens.)

Grid

answered on 08 Nov 2012

2 answers

220 views

[Solved] Is there a simpler way than this to bind RadButtons in checkbox mode?

I have a RadButton in a Popup template in ToggleButton (checkbox) mode. I've bound the checked property with the usual Bind statement to a bit field in my SQL db.

Actually everything has been working fine since I found this forum entry from 2009: http://www.telerik.com/community/forums/aspnet-ajax/grid/checkbox-in-editform.aspx

I was just wondering if this is still the standard way of binding boolean fields for Insert?

Button

answered on 08 Nov 2012

1 answer

220 views

Can't set RadGrid Font Size

I've tried several approaches trying to change the rendered font size of all the data cells in my radgrid, but nothing I have tried has worked.

I have tried:
* Setting the attribute Font-Size="Large" at both the RadGrid and MasterTableView Level, both by editing the code and by using Visual Studios Design View Editior.
** Changes at the MasterTableView level change the preview in Visual Studio Desgin view, but has no effect on the rendered page.

* Setting a cssclass at the radGrid level as shown at http://www.telerik.com/community/forums/aspnet-ajax/grid/font-size-problem.aspx
but again, while it changed things in the design view, it did not change the rendered page.

Don't know what else to try - You would think this should be a trivial change to make....

Grid

answered on 08 Nov 2012

3 answers

276 views

Multiple AJAX calls on pageLoad

I'm developing a dashboard type web page where I have multiple (6 currently, more will be added later) widgets I would like to load asynchronously after the page loads. I would like each widget to be it's own UserControl, but if that is not possible, I can put everything on one page. It is also desired for each widget to have its own loading panel, so a widget is finished loading, their respective panel is hidden and the widget is usable.

I need these to all begin loading at the same time because each widget is pulling data from different systems and could take several seconds for each one. If they are loaded serially, it will take a long time for the page to completely load. I've tried using both the RadAJAXManager and RadAJAXPanels and have been unable to come up with a working solutions.

A similar question was posted (http://www.telerik.com/community/forums/aspnet-ajax/ajax/multiple-radajaxpanel-s-invoked-on-pageload-causes-errors.aspx) but I never saw a solutions posted that worked.

Here is the one version of the code I'm trying.

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

<script type="text/javascript">

function pageLoad(sender, eventArgs) {

if (!eventArgs.get_isPartialLoad()) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget1");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget2");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget3");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget4");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget5");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget6");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel3" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel4" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel5" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel6" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" RequestQueueSize="10" EnableAJAX="true">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

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

<telerik:AjaxUpdatedControl ControlID="panel2" LoadingPanelID="RadAjaxLoadingPanel2" />

<telerik:AjaxUpdatedControl ControlID="panel3" LoadingPanelID="RadAjaxLoadingPanel3" />

<telerik:AjaxUpdatedControl ControlID="panel4" LoadingPanelID="RadAjaxLoadingPanel4" />

<telerik:AjaxUpdatedControl ControlID="panel5" LoadingPanelID="RadAjaxLoadingPanel5" />

<telerik:AjaxUpdatedControl ControlID="panel6" LoadingPanelID="RadAjaxLoadingPanel6" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel ID="panel1" runat="server"></asp:Panel><br />

<asp:Panel ID="panel2" runat="server"></asp:Panel><br />

<asp:Panel ID="panel3" runat="server"></asp:Panel><br />

<asp:Panel ID="panel4" runat="server"></asp:Panel><br />

<asp:Panel ID="panel5" runat="server"></asp:Panel><br />

<asp:Panel ID="panel6" runat="server"></asp:Panel><br />

Protected Sub RadAjaxManager1_AjaxRequest(sender As Object, e As Telerik.Web.UI.AjaxRequestEventArgs) Handles RadAjaxManager1.AjaxRequest

If e.Argument = "LoadWidget1" Then

System.Threading.Thread.Sleep(1000)

panel1.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget2" Then

System.Threading.Thread.Sleep(1000)

panel2.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget3" Then

System.Threading.Thread.Sleep(3000)

panel3.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget4" Then

System.Threading.Thread.Sleep(4000)

panel4.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget5" Then

System.Threading.Thread.Sleep(5000)

panel5.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget6" Then

System.Threading.Thread.Sleep(6000)

panel6.Controls.Add(New LiteralControl(Now.ToLongTimeString))

End If

End Sub

Any guidance would be greatly appreciated.

Thanks,
Greg

Ajax

answered on 08 Nov 2012

1 answer

105 views

No FullPage postback RadUpload

Hello Everyone,

We add rows in table dyanmically using javascript. Everything works fine. However, When I use radupload control to upload files, the data entered in table disappears because of full page post back. And without full page postback it is not possible to upload any file.

What could be the alternative to this issue ? Any recommendation is appreciated.

Is there any way/settings raduplaod not require full page postback to upload any file. Or In my scenario how to maintain dynamic table state after page postback ?

Thanks in advance.

Kiran

Upload (Obsolete)

answered on 08 Nov 2012

3 answers

128 views

RadEditor Issue with ToolbarMode="ShowOnFocus"

I am facing the Telerik RadEditor Issue With ToolbarMode="ShowOnFocus" working with ASP.NET
<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad" EditModes="Design" Width="300px" Height="300px" Skin="Outlook" ToolbarMode="ShowOnFocus" ToolsFile="~/xml/Tools.xml">
</telerik:RadEditor>

and add a link button Click me.
<a href="javascript://" onclick="javascript:return Clickme();">Click Me</a>

now on page load i want to load the the tool bar by default, it is happening by doing
function OnClientLoad(editor, args) {
editor.setFocus();
editor.set_html("");
}

but on anchor click i want to write something on radeditor and the toolbar is not visible. i tried to setFocus and set_html("") both.
function Clickme() {
var editor = $find("RadEditor1");
editor.setFocus();
editor.set_html("");
}

have anyone idea about this issue?

Editor

answered on 08 Nov 2012

1 answer

84 views

Access all AutoGeneratedColumns on Save

<telerik:RadGrid ID="RadGrid1"

AllowPaging="true"

runat="server"

OnPreRender="RadGrid1_PreRender"

OnItemCommand="RadGrid1_ItemCommand"

OnNeedDataSource="RadGrid1_NeedDataSource1"

height="550px"

PageSize="40"

GridLines="None">

<MasterTableView EditMode="InPlace"

CommandItemDisplay="Top"

AutoGenerateColumns="true">



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

foreach (GridColumn column in RadGrid1.MasterTableView.RenderColumns)

{

if (!string.IsNullOrEmpty(column.UniqueName) && !string.IsNullOrEmpty(column.HeaderText))

{

columncount++;

dt.Columns.Add(column.UniqueName,

typeof(string));

}

DataRow dr;

DataTable dtRecords = new DataTable();

foreach (GridDataItem item in RadGrid1.MasterTableView.Items)

{

dr = dt.NewRow();

for (int i = 0; i < columncount + 1; i++)

{

foreach (GridBoundColumn col in RadGrid1.MasterTableView.RenderColumns)

{

var iName = item[col.UniqueName].Text;

if (Regex.IsMatch(iName, @"^[a-zA-Z]*$"))

{

dr[col.UniqueName] = iName;

}

I have defined a grid using only AutoGeneratedColumns - bound using OnNeedDataSource. On ItemCommand, I need access to all AutoGeneratedColumns values - but am only able to access the first row. Unsure what I am doing wrong.

Thank you,

SteveO

Grid

answered on 08 Nov 2012

6 answers

205 views

How to expand textbox dimensions in RadEditor window?

Hi, i am using RadEditor in .NET custom control. I've an hyperlink in the content area of the editor. Now, whenever the hyperlink is clicked the radeditor displays its properties in the bottom which can be edited. There are four properties namely: URL, Target, Tooltip and ClassName. Both URL and Tooltip have textbox as their inputs. Is there anyway to increase that textbox dimensions?
I am attaching the screenshot as well for the reference.

Thanks.

General Discussions

answered on 08 Nov 2012

2 answers

162 views

[Solved] Headers and footers shown when there is no data

Hello
I am using quite an old version of radcontrols for asp.net ajax (q3 2008)
I have a NoRecordsTemplate for my grid for when there is no data to display but the grid still shows all of the headers and footers, including some custom aggregates I calculate in the ItemDataBound event and display in the grid footer.
How can i get the grid to show nothing else apart from the NoRecordsTemplate when there is no data?

thanks

Grid

answered on 08 Nov 2012

1 answer

108 views

show date instead of datetime

Hi,
My db contains a field date of birth. Its of type datetime. But in grid I want to show only the date. Im using boundcolumn for displaying dob. Can you provide a solution.

thanks in advance
Savyo

Grid

answered on 08 Nov 2012