Questions on UI for ASP.NET AJAX Forum

1 answer

293 views

My RadWindow Conflicts with RadAjaxManager it makes it appears twice one behind one i don't know what is the problem ...i show my radwindow from server side using VisibleOnPageLoad=true ..
When i Remove my RadAjaxManager it works fine with me so what is the problem

<asp:UpdatePanel ID="pnlMyCalendar" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="pnlScheduler">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlScheduler" LoadingPanelID="ralp" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="ralp" runat="server" InitialDelayTime="0" MinDisplayTime="1000"

Transparency="25">

<table style="width: 100%; height: 100%; background-color: white;">

<tr style="height: 100%">

<td align="center" valign="middle" style="width: 100%">

<asp:Image ID="Image2" runat="server" ImageUrl="~/DesktopModules/UCPScheduler/loading1.gif"

AlternateText="loading" />

</td>

</tr>

</table>

</telerik:RadAjaxLoadingPanel>

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

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

</telerik:RadWindowManager>

<telerik:RadWindow runat="server" ID="wdoMyCalendar" RestrictionZoneID="ContentTemplateZone"

Modal="true" Width="500px" Behaviors="Resize, Close, Move">

<ContentTemplate>

<div style="background-color: #00738E">

<div id="divAppointmentHistory" runat="server" />

<telerik:RadGrid ID="gvwAppointmentHistory" runat="server" GridLines="None" AutoGenerateColumns="False"

idth="410px">

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<MasterTableView AutoGenerateColumns="False" DataKeyNames="AppointmentHistoryID"

CommandItemDisplay="None">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="CreatedDate" DataType="System.DateTime" FilterControlAltText="Filter Change Date/Time column"

HeaderText="Change Date/Time" SortExpression="CreatedDate" UniqueName="CreatedDate">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" DataType="System.String" FilterControlAltText="Filter Description column"

HeaderText="Change Description" SortExpression="Description" UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="StatusName" DataType="System.String" FilterControlAltText="Filter Status column"

HeaderText="Status" SortExpression="StatusName" UniqueName="StatusName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CreatedByName" DataType="System.String" FilterControlAltText="Filter Changed By column"

HeaderText="Changed By" SortExpression="CreatedByName" UniqueName="CreatedByName">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</ContentTemplate>

</telerik:RadWindow>

.....

</asp:Panel>

<asp:Button ID="btnSubmit" runat="server" Text="Button" Style="display: none" OnClick="btnSubmit_Click" />

<asp:HiddenField ID="hfCurAppointmentID" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

Window

answered on 06 Sep 2012

4 answers

657 views

How to allow user to check only one item?

Hi,

I have two RadListBoxes:

<telerik:RadListBox ID="AllAreas" runat="server" AllowTransfer="True" TransferToID="SelectedAreas"

Height="135px" Width="250px" CheckBoxes="true" OnClientTransferred="OnAreaTransferred"

/>

<telerik:RadListBox ID="SelectedAreas" runat="server" Height="125px" Width="220px" OnClientTransferred="OnAreaTransferred" OnClientItemChecked="OnDefaultAreaChecked" CheckBoxes="true" />

I would like to have only one item checked in the list on the right. To achieve it, I'm using following javascript functions:

function OnAreaTransferred(sender, e) {

var items = e.get_items();

items.forEach(function (it) {

it.uncheck();});

}

function OnDefaultAreaChecked(sender, eventArgs) {

var item = eventArgs.get_item();

var value = item.get_value();

var checked = item.get_checked();

var listBox = item.get_listBox();

if (checked)

{

var items = listBox.get_items();

items.forEach(function (it) {

it.uncheck(); });

}

item.set_checked(checked);

}

Generally it works - but there are some strange issues:
1. When I check any item on the left list and then I transfer it - it's still checked, even though uncheck function was called on it. Firebug shows that _checkBoxElement's "checked" property is set to false (before transferring it was set to true), so I think the "checked" property has been changed, but it's still shown as checked.
2. Then on the right list I can select many items (even though unchecked function is called every time).

Does anyone know how to solve that problem?

Thank you in advance.

ListBox

answered on 06 Sep 2012

3 answers

125 views

Drag Droop Cell

hi,
i have two radgrids ,i want to drag cell or image cell from the first grid to the cell in other grid ,
if this not supported , please help me how to prevent dropping bellow row always above.
my case is :
grid 1 grid 2

AccountID RegisterID
1 2
2 1
3 3

AccountID can assign to RegisterID 1 or 2 or 3
i want to assign them drag-able

Grid

answered on 06 Sep 2012

1 answer

41 views

Sometimes Spining wheels keeps rotate is data is loaded in panel

I am using following call,s... any idea ? this is not consistent behavior

            function initializeRequest(sender, eventArgs) {
                loadingPanel = $("#<%=LoadingPanel.ClientID%>");
                postBackElement = eventArgs.get_postBackElement().id;
                loadingPanel.show(postBackElement);
            }

            function endRequest(sender, eventArgs) {
                loadingPanel = $("#<%=LoadingPanel.ClientID%>");
                loadingPanel.hide(postBackElement);
            }
        </script>

Ajax

answered on 06 Sep 2012

3 answers

172 views

Grid Auto Height is not working properly

Hi,
Rad Grid auto height is not working.
Please find the attached screenshot.

Please download sample program from below link.
Sample Program

Grid

answered on 06 Sep 2012

1 answer

114 views

Exception in UpdateCommand event

If one exception is thrown in UpdateCommand event of RadGrid and not catched, seems the page will no any error information and edit mode is still in there . Whether must add try catch block to handle all exception?

Grid

answered on 06 Sep 2012

1 answer

94 views

Is there a way to open RadWindow in "Add a Record" link which is provided by RadGrid?

Is there a way to open RadWindow in "Add a Record" link which is provided by RadGrid? I don't want to put a link in CommandTemplate and add js to open.

Grid

answered on 06 Sep 2012

5 answers

137 views

How to get the bound entity of editing record in UpdateCommand event

How to get the bound entity of editing record in UpdateCommand event? For example, I bound a List<Customer> to a RadGrid, when I clicking save button to fire the RadGridFunction_UpdateCommand event, I have no way to get the Customer entity of editing record. Because I don't want to retrieve the record based on current primary key from DB, I only want to get from bound source.

Grid

answered on 06 Sep 2012

2 answers

96 views

Telerick Rad Grid Paging issue

Hi Team,
I'm using Telerick Radgrid(Q2 2010 version). I face a problem with paging. Please can you help me on this issue.
Problem: In my database I have 15 records, and I bind to radbrid here I set allow paging="true" property and pagesize=10, every thing works fine for me. now my problem is in paging dropdown I select 20 number all the records are displaying, and paging dropdown is not to visible at all, why I need is if again I want to display 10 per page I need page dropdown right?

Advance Thanks
Mr.Perfect

Grid

answered on 06 Sep 2012

3 answers

283 views

Fixed Row height with vertically centered text

Hi,
I'm currently evaluating your Grid component.
One thing I could not do is center my text horizontally in a cell and preserve the cell's fixed height.
I do not want my cell to change its size according to the text (which again , should be vertically align to middle).
The text should be cut when its overfloaing over the cell height.

How Can I achieve that ?

Thx
Sagi

Grid

answered on 06 Sep 2012