Questions on UI for ASP.NET AJAX Forum

2 answers

140 views

[Solved] Unable to find a usable method for enabling/disabling a textbox in a FormTemplate

I've got textboxes within a RadGrid FormTemplate. I am getting the handles for the textboxes with the methods illustrated here: http://www.telerik.com/community/code-library/aspnet-ajax/grid/accessing-server-controls-in-a-grid-template-on-the-client.aspx

I have the handles to the textboxs. That is not in doubt.

The problem is, I cannot find any usable way to enable or disable them through Javascript.

Either nothing happens or the page crashes.

(And there seem to be a dozen different methods out there. enable()/disable(). attr/removeattr, disabled =true/false, etc.)

Input

answered on 08 Nov 2012

2 answers

142 views

[Solved] Is there a demo that shows how to access and manipulate controls within a RadGrid form template popup on the client side?

I'm sorry if this is partially a duplicate of a previous entry but I need a fast answer.

I need to be able to be able to enable and disable textboxes and other controls within a RadGrid's popup using a Javascript call from a check box on that same popup.

Every entry I've found seems to contradict the previous and nothing works.

Grid

answered on 08 Nov 2012

1 answer

84 views

Toolbar Tools section wraps to 2nd line

In one of my applications with IE 7 browser, the toolbar tools section that contains a dropdown will wrap to the 2nd line. See attached image.

I am using 2012.3.1030.35. This application has a Master page. The content page has a Radgrid. In the editform is the Radeditor. The radeditor uses a tools.xml file to load specific tools.

If the tools section has a dropdown as shown below, the <tool /> after the last dropdown will display on the next line. So in the below example, the separator and the formatstripper objects will appear in a line below the 3 dropdown objects.

<

tools name="Fonts" dockable="true" >

<

tool name="FormatBlock" />

<

tool name="FontName" />

<

tool name="RealFontSize" />

<

tool separator="true" />

<

tool name="FormatStripper" />

</

tools>

Any suggestions as to how to fix this?

Editor

answered on 08 Nov 2012

2 answers

64 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

225 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

228 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

283 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

109 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

130 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