Questions on UI for ASP.NET AJAX Forum

2 answers

93 views

Hi,

I have a GridTemplateColumn that contains an IMG. I have JS code that runs whenever the client side OnRowClick event is fired. This code works fine except for when I click on the IMG.

My grid definition

<telerik:RadGrid ID="grdTicket" runat="server" AutoGenerateColumns="False" Width="946px"

Font-Names="Verdana" Font-Size="X-Small" AllowSorting="True"

AllowPaging="True" OnNeedDataSource="grdTicket_NeedDataSource"

OnPreRender="grdTicket_PreRender"

OnSelectedIndexChanged="grdTicket_SelectedIndexChanged" CellSpacing="0"

GridLines="None">

<ClientSettings>

<ClientEvents OnRowClick="handleRowClick" />

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView Width="100%" NoDetailRecordsText="No Records To Display">

<Columns>

<telerik:GridBoundColumn HeaderText="User ID" DataField="UserId" UniqueName="UserID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="ReplyColumn" AllowFiltering="false">

<ItemTemplate>

<img alt="reply" src="ico_reply_green.png" title="Reply"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<PagerStyle Mode="NextPrevNumericAndAdvanced" ShowPagerText="true" />

</telerik:RadGrid>

My JS

<script type="text/javascript">

function getHeaderRow(sender) {

var masterTable = sender.get_masterTableView();

return masterTable.HeaderRow == null ? sender.get_masterTableViewHeader().get_element() : masterTable.HeaderRow;

}

function handleRowClick(sender, args) {

var masterTable = sender.get_masterTableView();

var cellIndex = args.get_domEvent().target.cellIndex;

var cellText = args.get_domEvent().target.innerHTML;

var colName = masterTable.getColumnUniqueNameByCellIndex(getHeaderRow(sender), cellIndex)

alert("Unique name: " + colName + "\nText: " + cellText);

}

</script>

My code behind

protected void grdTicket_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

DataSet ds = new DataSet();

DataTable dt = new DataTable();

dt.Columns.Add("UserId");

for (int i = 0; i < 15; i++)

{

DataRow dr = dt.NewRow();

dr["UserId"] = "XYZ" + i.ToString();

dt.Rows.Add(dr);

}

ds.Tables.Add(dt);

grdTicket.DataSource = ds;

}

What do I need to do to get the OnRowClick event to fire when I click on the IMG? I'd like to do this without resorting to server side code.

Thanks,

David

Grid

answered on 02 Aug 2011

1 answer

143 views

All RAD controls script loading errors

Hi
Please look at the following errors

we are unable to access any of the controls at development time.

Please reply ASAP.

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/ComboBox/RadComboBoxScripts.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadDatePicker.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/TextBox/RadInputScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/DateInput/RadDateInputScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadTimeViewScripts.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadDateTimePickerScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Scheduler/RecurrenceRule/RecurrenceRule.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Scheduler/RecurrenceEditor/RecurrenceEditor.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/NumericTextBox/RadNumericInputScript.js

ComboBox

answered on 02 Aug 2011

6 answers

232 views

[Solved] Setting multiple rows (but not all) into Edit mode at once

Ok, I know how to set all rows into Edit mode.

I know how to do the batch update (with UpdateAll).

I know how to set the entire grid into Edit mode initially.

BUT, what I can't figure out, is how to set any number of user-selected rows into Edit mode. I can only surmise that they must be set into Edit mode via an external button and not via the Edit command for any of the rows currently selected?

Jerry

Grid

answered on 02 Aug 2011

2 answers

144 views

Where should I place the RadAjaxManager ?

Hi,

I got this error because I have RadAjaxManager in both the Site.Master and the Default.aspx page.
[InvalidOperationException: Only one instance of a RadAjaxManager can be added to the page!]

My question is where is the best place to place the RadAjaxManager if I need to ajaxify controls in both Site.Master and Default.aspx?

The 2nd question is how do I display a spinning flower/circle/icon when the control is loading?

Ajax

answered on 02 Aug 2011

10 answers

469 views

[Solved] RadGrid inside scheduler advanced edit/insert form

hi!

I have rad grid inside the scheduler advanced edit/insert form. I declared an event on row clicked for grid but i receive javascript error ( it can not find the function).

Thanks for help
Radek

Scheduler

answered on 02 Aug 2011

6 answers

273 views

RadToolTipManager doesn't work without width & height?

Hi,

I am unable to get this to work without specifying the width and height of the RadToolTipManager.

This doesn't work. I can see some small trace of the tooltip, but barely noticeable. 
    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" 
                               AutoTooltipify="true"
                               Position="BottomCenter"
                               Animation="Fade"
                               RelativeTo="Element"
                               HideEvent="LeaveTargetAndToolTip"
                               ShowCallout="true"
                               ContentScrolling="Auto"
                               EnableShadow="true"
                               Skin="Default" />
                                 
<div>
        <asp:Label ID="lbl1" runat="server" ToolTip="This is a label" Text="My Label" />
        <telerik:RadTextBox ID="txtName" runat="server" ToolTip="Please enter your full name" />
</div>
This works:
    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" 
                               AutoTooltipify="true"
                               Position="BottomCenter"
                               Animation="Fade"
                               RelativeTo="Element"
                               HideEvent="LeaveTargetAndToolTip"
                               ShowCallout="true"
                               ContentScrolling="Auto"
                               EnableShadow="true"
                               Width="200px" Height="200px"
                               Skin="Default" />
                                 
	<div>
        <asp:Label ID="lbl1" runat="server" ToolTip="This is a label" Text="My Label" />
        <telerik:RadTextBox ID="txtName" runat="server" ToolTip="Please enter your full name" />
	</div>
This is an expected behavior?

ToolTip

answered on 02 Aug 2011

6 answers

107 views

Grid Sorting

Hi all,
I have done grouping and I need to enable sorting . When I am using GridBoundColumn the follwing set of code, sorting, filtering is working
<telerik:GridBoundColumn SortExpression="CloseOutName" HeaderText="testCloseOutName" HeaderButtonType="TextButton"
                        DataField="CloseOutName">
                    </telerik:GridBoundColumn>
But Sorting and Filtering is not working with GridTemplateColumn , Please on this issue
<telerik:GridTemplateColumn HeaderButtonType="TextButton"   SortExpression="CloseOutName">
   <HeaderTemplate >
               <asp:Label ID="lblHeaderCloseOutName" runat="server" Text="workbook/Interim"></asp:Label>
    </HeaderTemplate>
      <ItemTemplate>

     <asp:Label ID="lblCloseOutName" runat="server" Text='<%# eval("CloseOutName") %>' ></asp:Label>

         </ItemTemplate>
        </telerik:GridTemplateColumn>

Grid

answered on 02 Aug 2011

2 answers

201 views

Finding RadComboBox from OnSelectedIndexChanged

I am trying to use the Selected index of one RadComboBox help build the query to populate another RadComboBox, they are both in the <EditItemTemplate>.
I get an Object reference not set to instance of an object when I run this code just adding a RadComboBoxItem without even building the query.

Protected Sub ItemType_SelectedIndexChanged(ByVal o As Object, ByVal e As RadComboBoxSelectedIndexChangedEventArgs)

Dim DDL As RadComboBox = TryCast(RadGrid1.FindControl("FlatFileType").Controls(0), RadComboBox)

Dim RadComboBoxItem1 As New RadComboBoxItem("First Item")

DDL.Items.Add(RadComboBoxItem1)

End Sub

I am not sure how to correctly access the second radcombobox to be able to populate it.
Any help is greatly appreciated.

Grid

answered on 02 Aug 2011

1 answer

330 views

RadComboBox Need Help

Hi, below has a picture attached.

Inside the Radcombobox, it display the date and time, however i want to have the format changed to "d MMMM yyyy" and show it on Radcombobox1. Can anyone please help?

Thanks

ComboBox

answered on 02 Aug 2011

3 answers

158 views

[Solved] RadGrid FilterItem Text Color

Hello!!

Can someone tell me how can i change the color of a RadGrid (Q2 2011)...I chose the skin "Black" for the Grid but now i need to change the color of the text field of the FilterItem.

Grid

answered on 02 Aug 2011