Questions on UI for ASP.NET AJAX Forum

0 answers

81 views

I have a rad grid with a clientSidedelete column. The client side delete works fine, but I get an javascript error on the first time I postback if a row had been deleted.
error: control is null in code below
function ValidatorGetValue(id) {
    var control;
    control = document.getElementById(id);
    if (typeof(control.value) == "string") {
        return control.value;
    }
    return ValidatorGetValueRecursive(control);

<telerik:RadGrid ID="rgIntervalSetup" Width="100%" ShowStatusBar="True" AllowSorting="True"

PageSize="365" GridLines="None" BorderWidth="1px" BorderStyle="Solid" BorderColor="Gainsboro"

AllowPaging="false" runat="server" AutoGenerateColumns="False" MasterTableView-NoMasterRecordsText=""

Skin="Default">

<MasterTableView TableLayout="Fixed" DataKeyNames="RecordID" AllowPaging="false"

PageSize="365" ClientDataKeyNames="RecordID" AllowAutomaticDeletes="True">

<Columns>

<telerik:GridClientDeleteColumn ItemStyle-Width="16px" ConfirmText="Are you sure you want to delete this interval?" HeaderStyle-Width="15px" ButtonType="ImageButton" ImageUrl="/RMSImages/Session/delete.gif"></telerik:GridClientDeleteColumn>

<telerik:GridBoundColumn UniqueName="RecordID" DataField="RecordID" Visible="false">

</telerik:GridBoundColumn>

What do I need to handle after the client side deletes have taken place in order to save off the data in the grid?

1/7/2011: I see the problem here, the submit button was causing validation, which was throwing the error.

Grid

asked on 06 Jan 2011

0 answers

78 views

PanelBar and Ajax

I am seeing 2 issues:

1) I have a combobox in a RadPanelItem that is setup to update the page with Ajax. When i set the different panelitems to Expanded = true or false they do not reflect the change.

2) I tried to set the RadPanelBar as part of the Ajax and it clears the contents of all the RadPanelItems

<telerik:AjaxSetting AjaxControlID="countyRadComboBox">
   <UpdatedControls>
   <telerik:AjaxUpdatedControl ControlID="countyInfoRadPanelBar" LoadingPanelID="taxTabAjaxLoadingPanel" />
   </UpdatedControls>
   </telerik:AjaxSetting>

Manually expanding and collapsing works fine. Expanding and collapsing when i first load the page works fine.

It acts like because the page doesn't do a full postback the panels will not expand/collapse.

It is in a RadAjaxPanel and still not working as expected.

PanelBar

asked on 06 Jan 2011

2 answers

123 views

[Solved] Clientside DateFormat on the calendar

How do I transform

    
            var day = args.get_renderDay().get_date();

to be "MMMM dd, yyyy"?

Calendar

answered on 06 Jan 2011

0 answers

123 views

Webservices and radmenuitem Itemstemplate/Items

Hi Team,

I have one project use RadMenu ajax Q2, Webservices rended in itemstemplate and item (template modes). The normal way using webservices is use skins and default radMenuItems. How to manage webservices rended in a templated Radmenuitem (itemtemplate and item). Thanks.

normal way : rended in sking and default mode

<telerik:RadMenuItem Text="MostPopular" Value="1" ExpandMode="WebService">

</telerik:RadMenuItem>

templated way?

<telerik:RadMenuItem Text="MostPopular" Value="1" ExpandMode="WebService">

<Items>

<telerik:RadMenuItem CssClass="" >

<ItemTemplate>

<a href="#"><span class="mp-logo"></span>

<span class="item-title"></span></a>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

Added :
Vaselin Enchev/Atanas Korchev have suggest use templates and ajax4 implementation like this samples similary to jquery templates method. I have tested. Can suggest the best way to implement in RadMenu using Q2 ?

Regards

Menu

asked on 06 Jan 2011

2 answers

113 views

[Solved] Delete LinkButton firing when Enabled = False

Im in version 2010.3.1215.35 using IE 8.

Even though I have disabled my Delete LinkButton in the ItemDataBound event, and it looks disabled, I am still able to click it, which prompts me with the delete comfirmation message. When I click to confirm, it deletes my record.

Here's my code behind where I disable the LinkButton

protected void RadGridWorkRequestAsset_ItemDataBound(object sender, GridItemEventArgs e)

{

//Other code here

if (e.Item is GridDataItem)

{

var editItem = ((GridDataItem)e.Item);

var deleteButton = (LinkButton)editItem["DeleteColumn"].Controls[0];

if (deleteButton != null)

{

deleteButton.Enabled = false;

}

//Other code here

}

Here's my LinkButton on the ASCX page:

<telerik:GridClientDeleteColumn ConfirmText="Delete this record?" ButtonType="LinkButton" UniqueName="DeleteColumn" ConfirmTitle="Delete" ConfirmDialogType="Classic" CommandName="Delete">

</telerik:GridClientDeleteColumn>

I will also create a ticket so I can send you a small sample project to duplicate the problem.
Just posting for the forum users.

See attached screen shot.

Grid

answered on 06 Jan 2011

0 answers

103 views

SelectedValue of RadComboBox is not updated

I have a RadComboBox inside a RadXmlHttpPanel.In the ServiceRequest method i set the selectedvalue of the combobox to a new value but the selectedvalue is not updated.

<telerik:RadXmlHttpPanel ID="mainRadXmlHttpPanel" runat="server" OnServiceRequest="main_ServiceRequest"

RenderMode="Block" LoadingPanelID="RadAjaxLoadingPanel1" EnableClientScriptEvaluation="true" Width="117%">

<telerik:RadComboBox ID="mainShipCb" runat="server" Width="150px"> </telerik:RadComboBox>

</telerik:RadXmlHttpPanel>

CodeBehind :

protected void main_ServiceRequest(object sender, RadXmlHttpPanelEventArgs e)

{

mainShipCb.SelectedValue = "Some Value";

}

ComboBox

asked on 06 Jan 2011

2 answers

161 views

Changing column width not working

If I set the width of a column in the master table view (using HeaderStyle.Width) and then set the width again to something different, the width doesn't change and seems to get stuck at the first width that had been set. (this is using TableLayout=Fixed and UseStaticHeaders=true, and AutoGenerateColumns=true)

Is there any way to clear the columns completely in the master table view so they are recreated when autogenerating new columns?

Grid

answered on 06 Jan 2011

2 answers

138 views

RadEditor added to a Server Composite Control

I have successfully added a radeditor control inside a server compositecontrol:

protected override void CreateChildControls()

{

Controls.Clear();

_txtBox = new TextBox();

_txtBox.ID = "txtEdit";

_edrBox = new RadEditor();

_edrBox.ID = "edrEdit";

_txtBox.TextChanged += new EventHandler(txtBox_TextChanged);

_edrBox.ValueChanged += new EventHandler(edrBox_ValueChanged);

this.Controls.Add(_txtBox);

this.Controls.Add(_edrBox);

}

But the problem is, when the server control is placed inside a formview and that formview is ajaxified by a radgrid (ie, in a master/detail relationship, clicking a row on the radgrid should refresh the details inside a formview), an Ajax javascript error shows up that a null reference is detected at the time of sys.load????

Attached is the javascript code (from microsoft ajax) showing the error where variable a is NULL.

Editor

answered on 06 Jan 2011

1 answer

136 views

How to execute validation and updating of fields of the form before Ajax request (async postback)?

Before to begin Ajax request (async postback), I execute JavaScript function, which validate and correct values of the form (removes hyphens from telephone number). Call of alert() shows that value of a field has changed. However, to the server transferred not changed value of a field (old value - before correction).

Example: I typed '55-55-55' in field and clicked button. Value of a field changes on '555555', but to the server transferred old value (before correction) - '55-55-55'. I need to transfer the corrected value. How it to make?

<%@ Page Language="C#" AutoEventWireup="true" %>

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function formAdjustBeforeSubmit(sender, args) {

var input = document.getElementById("phoneTextBox");

//debugger;

var val = input.value.replace(/-/g, "");

input.value = val; // Here we modified value of a field (remove '-' from phone number)

alert(input.value);

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" ClientEvents-OnRequestStart="formAdjustBeforeSubmit">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Panel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel ID="Panel1" runat="server">

Phone: <asp:TextBox ID="phoneTextBox" runat="server" ClientIDMode="Static" />

<asp:Button ID="Button1" runat="server" Text="Save" style="margin-left:20px;"/>

</asp:Panel>

</form>

</body>

</html>

Ajax

answered on 06 Jan 2011

2 answers

68 views

RadGrid paging issue

I have a RadGrid that binds to a web service which pulls data from a SQL database. There is a Workflow that inserts records into the database which are displayed in the RadGrid, but I've noticed that when new records are inserted into the database from Workflow that the page index is reset to the first page. So, two questions: First, is this typical behavior for the RadGrid or did I do something on my own to cause this? Second, if this is typical behavior, is there anything I can do to maintain the page that I was on when the new record was inserted into the table?

Thx in advance!

Grid

answered on 06 Jan 2011