Questions on UI for ASP.NET AJAX Forum

1 answer

113 views

RadGrid cell text reset on row selection.

I have a radgrid and one of the columns is a GridButtonColumn with a ButtonType="PushButton" with the default text set to "Add". On the ItemDataBound routine I update the text value with the number of items that were added. So when the grid rebinds it now displays the number of added items. Works fine up to now.

Here is where it gets messed up. If I select a row in the grid, all the values in the column reset back to "Add". It seems that the re-rendering of the grid resets all the column values back to the defaults. If the grid is re-bound the values are back again. So it's not a data issue, it's a rendering issue on row selection.

I completely removed any code in the OnSelectedIndexChanged event, so it's nothing to do with any code in that event. It has something to do with the AllowRowSelect directive with EnablePostBackOnRowClick="true". The ItemDataBound routine is not called on row selection, is there another event I can re-set my values to? Would I have to write a routine that loops through each row and sets the proper values after the selection has been made?

I would think the the databindings should persist after a row selection.

<telerik:RadGrid ID="rg_ExportDetail" runat="server" ShowStatusBar="true" OnItemDataBound="rg_ExportDetail_ItemDataBound" OnSelectedIndexChanged="rg_ExportDetail_SelectedIndexChanged"

OnNeedDataSource="rg_ExportDetail_NeedDataSource" OnItemCommand="rg_ExportDetail_ItemCommand" Skin="Vista"

<div>There are no records to display</div>

</NoRecordsTemplate>

<telerik:GridBoundColumn DataField="ExportItemID" UniqueName="ExportItemID" Visible="false" />

<telerik:GridBoundColumn DataField="ExportDate" UniqueName="ExportDate" Visible="true" HeaderText="ExportDate" />

<telerik:GridBoundColumn DataField="Description" UniqueName="Description" Visible="true" HeaderText="Description" HeaderStyle-Width="300px" />

<telerik:GridBoundColumn DataField="ECL" UniqueName="ECL" Visible="false" HeaderText="ECL#" />

<telerik:GridBoundColumn DataField="Quantity" UniqueName="Quantity" Visible="false" HeaderText="Quantity" />

<telerik:GridBoundColumn DataField="UnitValue" UniqueName="UnitValue" Visible="false" HeaderText="Unit Value" DataType="System.Double" DataFormatString="{0:C}"/>

<telerik:GridBoundColumn DataField="TotalValue" UniqueName="TotalValue" Visible="true" HeaderText="Total Value" />

<telerik:GridButtonColumn ButtonType="PushButton" UniqueName="Consignees" text="Add" HeaderText="Consignee(s)" CommandName="AddConsignees" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="120px" />

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ItemStyle-HorizontalAlign="Center" ConfirmText="Removing Item"></telerik:GridButtonColumn>

</Columns>

<AlternatingItemStyle HorizontalAlign="Left" CssClass="disabledFontColorEmphasis"

Wrap="false" />

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 17 Feb 2012

1 answer

151 views

Open RadWindow at clientSide and updated values should reflect in parent page

Hi,
In my parent page I have a grid with edit button in each row.
I am opening edit form in RadWindow using following code.

<script type="text/javascript">

function OnClientClicked_PayInvoice(button, args) {

var argument = button.get_commandArgument();

var arguments = argument.split("#");

var url = 'MakeOrderPayment.aspx?';

url = url + "ID=" + arguments[0];

radopen(url, "radWinInvoiceDetails");

button.set_autoPostBack(false);

}

</script>

After clicked on save button I want to display saved message and when user close the RadWindow , the grid/page in main window should get display with updated value.

I am looking for example, If you have any code please share with me.
Thanks,
Abhi

Ajax

answered on 17 Feb 2012

1 answer

166 views

[Solved] Javascript when "Check All" in RadCombobox is checked.

Hi,

how can i fire Javascript function when "Check All" in RadCombobox is checked.

Thanks

ComboBox

answered on 17 Feb 2012

1 answer

119 views

To Access the value of the Gridbound column in the button click event handler

Hi,
I have a grid, in that I have 3 GridBound Columns and 2 Grid Template columns (Dropdowns) and one other GridTemplateColumn (radButton).

On Click on this button, I want to collect the data from the Gridbound column, Grid Template column and then do some operation.
How can I do this?

<

telerik:GridTemplateColumn HeaderText="Action" ColumnEditorID="clmEd150px">
<HeaderStyle Width="20%" />
<ItemStyle HorizontalAlign="Left"></ItemStyle>
<ItemTemplate>
<telerik:RadButton ID="rdBtnDoSomeOp" runat="server" ButtonType="StandardButton" Text="Do Some Operation" Skin="Office2010Black" OnClick="rdBtnDoSomeOp_Click">

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

protected

void rdBtnDoSomeOp_Click(object sender, EventArgs e)

{

}

Thanks and Regards,
Deepika Karanth

Grid

answered on 17 Feb 2012

9 answers

745 views

Open menu on click AND mouseover

Hi,

i know there is a setting ClickToOpen setting to allow you to choose BETWEEN the menu opening on a click, or when the mouse goes over it.

I however would like the menu to open for BOTH a click and mouse over. th reason being that we have an intranet application that we are going to be sharing out onto the internet. Our main users will be using full IE and like the menu opening when the mouse overs. Our remote users will be using iphones and cannot use the mouse over, so the idea solution is to have both modes enabled.

Is this possible?

Menu

answered on 17 Feb 2012

2 answers

122 views

[Solved] How to make item loop infinite in CoverFlowButtons mode

- I have a RadRotator which has RotatorType="CoverFlowButtons", and I want it's items loop infinite like this demo http://demos.telerik.com/aspnet-ajax/rotator/examples/clientapicontrol/defaultcs.aspx (It worked with RotatorType="FromCode", but I tried and didn't success with CoverFlowButtons), can you tell me this is possible or not. Thanks!

Rotator

answered on 17 Feb 2012

2 answers

260 views

How to use JQuery.UI Sortable

I'm trying to implement JQuery.UI Sortable with the RadListBox control. My scenario is to have a top list containing "selected" items and a bottom list containing "available" items. The user must be able to move items between the lists using both drag/drop and the built-in buttons. Also, the "selected" list can be reordered using drag/drop. I also need to handle the "transferred" and "reordered" events server-side. The results are ultimately saved to the database. Please see the attached screen.jpg for an example.

I have this all working using just the RadListBox control. But the user experience isn't very good because I'm using top/bottom lists rather than side-by-side so there isn't a good visual indicator of the new item order until after the item is dropped. I really like the way JQuery.UI Sortable works (makes room for the items as they are reordered with smooth animation) and want to implement it in this scenario. Seems like it should be simple, and it was to get the reordering to work (visually) but the control events don't fire. Basically, it appears to work but the control doesn't know anything about the new order of items when Sortable is involved.

How to wire up Sortable so that RadListBox methods get called?
How to get the item's index/position in list after it's dropped?

It probably just needs some JS magic to make this work and I'd appreciate any help. Thanks!!!

Current JS:

<link href="<%: Page.ResolveUrl("~/JQuery/jquery-ui.css")%>" rel="stylesheet" type="text/css" />

<telerik:RadScriptBlock Id="RadScriptBlock1" runat="server">

<script src="<%: Page.ResolveUrl("~/JQuery/jquery-ui.min.js")%>" type="text/javascript" ></script>

<script type="text/javascript">

$(function () {

$("#TopList .rlbList").sortable();

$("#TopList .rlbList").bind("sortupdate", function (event, ui) {

ReorderItem(this, ui);

});

$("#TopList .rlbList").disableSelection();

});

function ReorderItem(event, ui) {

var list = $find("<%= lstSelectedFiles.ClientID %>");

var item = list.get_selectedItem();

var index = item.get_index(); //???

list.reorderItem(item, index);

};

</script>

</telerik:RadScriptBlock>

Current RadListBox setup:

<div id="TopList">

<telerik:RadListBox ID="lstSelectedFiles" runat="server"

AllowReorder="True"

AllowTransferOnDoubleClick="False"

EnableDragAndDrop="true"

SelectionMode="Multiple"

AutoPostBackOnReorder="true"

width="100%"

>

<ButtonSettings Position="Right" />

<HeaderTemplate>

<h2>Selected Images</h2>

</HeaderTemplate>

<ItemTemplate>

<asp:Image ID="Image1" runat="server" ImageUrl='<%# DataBinder.Eval(Container, "Text")%>' />

</ItemTemplate>

<EmptyMessageTemplate>

<div class="EmptyList">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/BlankImage.png" />

<br />

Drag Images here...

</div>

</EmptyMessageTemplate>

</telerik:RadListBox>

</div>

<div id="BottomList">

<telerik:RadListBox ID="lstSourceFiles" runat="server"

DataSourceID="ImageFileDS"

DataKeyField="AssetId"

DataValueField="AssetId"

DataTextField="FileUrlImageSmallPadded"

TransferToID="lstSelectedFiles"

AllowTransfer="True"

AllowTransferOnDoubleClick="False"

SelectionMode="Multiple"

ButtonSettings-ShowTransferAll="false"

EnableDragAndDrop="true"

AllowReorder="false"

width="100%"

AutoPostBackOnTransfer="true"

CssClass="SourceList"

>

<ButtonSettings Position="Top" />

<HeaderTemplate>

<h2>Available Images</h2>

</HeaderTemplate>

<ItemTemplate>

<asp:Image ID="Image1" runat="server" ImageUrl='<%# DataBinder.Eval(Container, "Text")%>' />

</ItemTemplate>

<EmptyMessageTemplate>

<div class="EmptyList">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/BlankImage.png" />

<br />

Upload some images to work with

</div>

</EmptyMessageTemplate>

</telerik:RadListBox>

</div>

ListBox

answered on 17 Feb 2012

6 answers

674 views

Hide drop down if no items found

Is there a way to hide the drop down of the RadCombo box if no items are found during the search?

Thanks,
Duncan

ComboBox

answered on 17 Feb 2012

0 answers

102 views

Retrieving Selected values from Combobox?

Hey folks...

For the life of me I can't figure out what I'm doing wrong here. I have an autocomplete combobox, databound by a LINQ datasource. I am retrieving 2 fields, userName and userID and using them for the text field and value field respectively. I get the list of usernames populating the combobox just fine but I'm unable to access the userID no matter what I've tried, using both a button click to get selectedvalue and the selecteditemchanged event of the combo box. Clearly I'm missing something here... or I should have just taken a break a few hours ago ;)

Any advice would be greatly appreciated!

Paul

EDIT... Neverrrrrrrrrmind. I think I got it sorted out. Among other things I hadn't noticed that the indexchanged event handler wasn't registered in the aspx page, don't know why and I'm surprised it didn't throw an exception but nope. A good lesson in learning when to take a break.

ComboBox

asked on 16 Feb 2012

6 answers

253 views

[?] Catch control's event in GridTemplateColumn

How can I catch control's event in GridTemplateColumn?
here is what I got:
------------------------------------------------------------------------------------------------------------------------------------------
<telerik:RadGrid Width="800px" ID="rgTest" runat="server" GridLines="None" AutoGenerateColumns="false"
AllowSorting="true" PageSize="3" onneeddatasource="rgTest_NeedDataSource"
ondeletecommand="rgTest_DeleteCommand" onitemcommand="rgTest_ItemCommand">
<HeaderContextMenu EnableImageSprites="True"></HeaderContextMenu>
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="ProductID" HeaderText="ID"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ProductName" HeaderText="Product Name"></telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Số lượng" InitializeTemplatesFirst="false" UniqueName="templatecolumns">
<ItemTemplate>
<div>
<telerik:RadNumericTextBox DataType="System.int16" value='<%# int.Parse(Eval("Quantity").ToString()) %>' runat="server"></telerik:RadNumericTextBox>
</div>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn Text="delete" CommandName="Delete" Reorderable="true"></telerik:GridButtonColumn>
</Columns>
<RowIndicatorColumn><HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn><HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
</MasterTableView>
</telerik:RadGrid>
---------------------------------------------------------------------------------------------------------------------------------------------------
This is my Grid:
[IMG]http://i1068.photobucket.com/albums/u450/bl4ir121/RadGrid1.png[/IMG]

I want when I edit quantity in a NumericTextBox of Quantity column, it will occur event and I can get value of this NumericTextbox to update list what I save in Session["ListProduct"].

Grid

answered on 16 Feb 2012