Questions on UI for ASP.NET AJAX Forum

3 answers

179 views

[Solved] jQuery script not working on Select when RadFormDecorator active

I have a user control with 2 listboxes, and 2 buttons to move items from one listbox to the other. This moving is done using jQuery.

The jQuery script works fine when the listboxes aren't decorated with the RadFormDecorator. But when the listboxes are decorated, the items can't me moved between the 2 listboxes anymore.

This is a simplified version of my code, illustrating the issue:

<%@ Page Language="vb" EnableEventValidation="false" AutoEventWireup="false" CodeBehind="TestRadFormDecorator1.aspx.vb"

Inherits="WebwareNET.TestRadFormDecorator1" ClientIDMode="Static" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script type="text/javascript">

function wsListMoveItem(p_sSourceID, p_sTargetID) {

$('#' + p_sSourceID + ' > option:selected').each(function () {

$(this).remove().appendTo('#' + p_sTargetID);

});

}

</script>

</head>

<body>

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

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

<telerik:RadSkinManager ID="RadSkinManager1" ShowChooser="true" runat="server" />

<telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="all" runat="server" />

<table>

<tr style="vertical-align: middle;">

<td style="text-align: center;">

Does NOT belong

<br />

<asp:ListBox ID="lstDoesNot" Rows="7" SelectionMode="Multiple" runat="server">

<asp:ListItem Text="1"></asp:ListItem>

<asp:ListItem Text="2"></asp:ListItem>

<asp:ListItem Text="3"></asp:ListItem>

</asp:ListBox>

</td>

<td style="text-align: center;">

<asp:Button ID="btnAdd" runat="server" Text="»" UseSubmitBehavior="false" OnClientClick="wsListMoveItem('lstDoesNot','lstDoes');return false;" />

<br />

<asp:Button ID="btnRemove" runat="server" Text="«" UseSubmitBehavior="false"

OnClientClick="wsListMoveItem('lstDoes','lstDoesNot');return false;" />

</td>

<td style="text-align: center;">

Does belong

<br />

<asp:ListBox ID="lstDoes" Rows="7" SelectionMode="Multiple" runat="server">

<asp:ListItem Text="a"></asp:ListItem>

<asp:ListItem Text="b"></asp:ListItem>

<asp:ListItem Text="c"></asp:ListItem>

</asp:ListBox>

</td>

</tr>

</table>

</form>

</body>

</html>

Why is the jQuery script not moving the items when the RadFormDecorator is activated?

Best regards, Marja

FormDecorator

answered on 30 Dec 2013

4 answers

523 views

Custom Paging, Filtering, and Sorting

I'm dealing with a huge amount of data, so I'm trying to pull back only the data that needs to be shown at that moment. I'm also trying to make that work with Paging, Filtering, and Sorting (multiple columns). All of the Grid examples I've seen in the demo focus on one of those things only (if it's a custom implementation).

What I'm hoping to do is have all of the page, filter, and sorting information available to me on any of those events that might fire. For example if someone adds a filter, and I'm then in the ItemCommand event, I need to see what the current page and page size are, what sorting is currently set, and what other filters are already applied. From there I can write my own query to the database and get only the data I need.

Is this possible and if so how? Is there a good example of this I can look at?

Thanks!

Alex

Grid

answered on 30 Dec 2013

4 answers

188 views

Default empty grid to Insert mode on form load

Hi I have a form with some fields and a radgrid. When the form is opened and if the grids datasource is empty, I want the grid to go into edit mode automatically without the user having to press "Add New Record" first.

I use the grid in batch edit mode as described in this example...
http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx

After some quick research I've seen advice to use using the following code....

RadGrid1.MasterTableView.IsItemInserted = true

RadGrid1.Rebind()

But unfortunately this just displays the "in-place" edit form rather than simulating "Add New Record" when the grid is in batch editing mode.

Also is it possible to have a custom "Save Changes" and "Cancel Changes" button outside of the grid control elsewhere on the form? This is because I want to allow the users to edit other controls on the form but I want one "Save Changes" button to update everything. My custom Save Changes button will save outher edits on the form and also the grid edits.

Grid

answered on 30 Dec 2013

2 answers

96 views

Keep hover image of main menu while mouse over on respective child items

Hi Friends,

I want to keep hover image of main menu while user mouse over on the respective child items of rad menu with default skin.

I have seen the same in given demo example with "Vista" skin. I want to use my own CSS to do the same. Please assist me to do the same.

Thanks in advance.

Menu

answered on 30 Dec 2013

2 answers

137 views

SelectedIndexChanged firing when a button on the form is pressed.

Hi,

I have a RadGrid with a selectedindexchanged event. When I click on a row, the event fires, and I can do what I want. However, after selecting a row, if I click a button on the form (nothing to do with the grid), the selectedindexchanged event fires again, and I don't get the button press.

Any ideas how to stop this please?

Thanks

Grid

answered on 30 Dec 2013

3 answers

195 views

RadOpen Doesn't Fire

I have to call a popup window using radopen. i did it a lot in the same project and it works fine also i did it in the same page and it works fine too but when i using radtoolbar something happens and the radopen doesn't fire and put # at the end of URL .
here's my code :

<telerik:RadToolBar ID="GridToolBar" OnClientButtonClicking="clickHandler" dir="<%$ Resources: Main,Dir %>"

OnButtonClick="GridToolBar_OnClick" runat="server" Width="100%">

<Items>

<telerik:RadToolBarButton ToolTip="<%$ Resources: Main,ExportToExcel %>"

runat="server" Value="Excel" ImageUrl="<%$ Resources:Image, Excel%>">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton ToolTip="<%$ Resources: Main,ExportToExcelML %>"

runat="server" Value="ExcelML" ImageUrl="<%$ Resources:Image, ExcelML%>">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton ToolTip="<%$ Resources: Main,ExportToWord %>"

runat="server" Value="Word" ImageUrl="<%$ Resources:Image, Word%>">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton ToolTip="<%$ Resources: Main,ExportToCSV %>"

runat="server" Value="CSV" ImageUrl="<%$ Resources:Image, CSV%>">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton ToolTip="<%$ Resources: Main,ExportToPDF %>"

runat="server" Value="PDF" ImageUrl="<%$ Resources:Image, PDF%>">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton ToolTip="<%$ Resources: Main,AddExistingUser %>" CssClass="<%$ Resources: Main,ToolbarButtonAlignment %>"

runat="server" Value="AddUser" ImageUrl="<%$ Resources:Image, RegisterUser%>" >

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

the last button should show a popup window using radopen. i used the javascript function calld clickhandler and here's the function :

function clickHandler(sender, eventArgs) {

if (eventArgs.get_item().get_value() == "AddUser"

) {

			alert("Welcome");

radopen("Page_Popup.aspx", "RW");

return false;

}

and RadWindow Manager is :

<telerik:RadWindowManager ID="RWM" runat="server">

<Windows>

<telerik:RadWindow ID="RW" runat="server" Width="600px" Height="330px" Behaviors="Close, Move, Minimize, Pin, Reload"

ShowContentDuringLoad="false">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

be informed that the alert message welcome is appeared to me.
and when i replace radopen with window.open it opens a new window.

thanks in advance

Window

answered on 30 Dec 2013

5 answers

316 views

Cannot get headertext to display for GridClientSelectColumn

Hello All,

I was wondering if anyone could point out what I'm doing wrong while trying to get the headertext to display ofr a GridClientSelectColumn. It's working fine for the other GridTemplateColumns. Here's the code I'm using and I've tried several variations and I can't get it to work.

<telerik:GridClientSelectColumn Reorderable="False" UniqueName="ClientSelectColumn" HeaderText="Select All">
<HeaderStyle Width="130" HorizontalAlign="Left" Font-Size="10px"></HeaderStyle>
</telerik:GridClientSelectColumn>

I've also tried using the text property of the GridClientSelectColumn. I'm using the Mar 11, 2009 Q1 version of the Telerik.web.UI.dll

Any help would be greatly appreciated and thanks in advance!

Grid

answered on 30 Dec 2013

3 answers

78 views

How to enable sorting on the aggregated rows in radpivotgrid

hi,
I want to enable sorting on the aggregated rows of my radpivot.Currently by enablsorting we can sort the pivot only by rows and not by aggregated row.
Please help

thanks
Raushan

PivotGrid

answered on 30 Dec 2013

3 answers

388 views

Trigger for RadAjaxManager

Previously we used UpdatePanel Asp.net, we are now using RadAjaxManager. We need to exclude certain controls.

In UpdatePanel is solved with "Trigger". What is the solution in telerik?

Ajax

answered on 30 Dec 2013

1 answer

84 views

How to Retrieve GridTemplate Column Inner control in InsertCommand

Hello every body
I have a RadGrid and GridTemplateColumn.
is there a way to access inner control in code behind?
<telerik:GridTemplateColumn HeaderText="تاریخ ورود" SortExpression="ArrivalDate"
DataField="ArrivalDate" UniqueName="ArrivalDate">

<EditItemTemplate>
<pwdp:DatePicker ID="DatePicker_Arr" runat="server" BackColor="#CECECE" Width="103px">

</pwdp:DatePicker>
</EditItemTemplate>
</telerik:GridTemplateColumn>
I want to rerivee user entered time by Custom Datetime Picker.,how can I access DatePicker_Arr.

Grid

answered on 30 Dec 2013