Questions on UI for ASP.NET AJAX Forum

2 answers

342 views

Hi,

I have list box control with transferable items working.
I would like to see all items transferred to the right (destination) listbox to be automatically sorted by text of the item.

So I attached JavaScript handler to "OnClientTransferred" client side event of the source listbox.

This is portion of my code:

                    //Sorting items in the right list box -----------------------
                    var items = e.get_destinationListBox().get_items();                                                     
                    arrTexts = new Array();
 
                    for (var i = 0; i < items.get_count(); i++) {
                        arrTexts[i] = items.getItem(i).get_text();                     
                    }
 
                    arrTexts.sort();              
                                                 
                    for (var i = 0; i < arrTexts.length; i++) {
                        //alert(arrTexts[i]);                       
                    }

As you see, I can get text values from destination listbox, put them into string array and sort that array.
I just need advise on how I can now sort the content of the destination listbox.

Thanks!

ListBox

answered on 21 Oct 2011

3 answers

105 views

GridClientSelectColumn

Hello,

i'm using the GridClientSelectColumn in the radGrid. Is there anyway to not show the checkbox in the header? and display a header text?

My column is definate below, but the header text doesn't show. I want to hide the checkbox in the header as well. Thanks in advance for any help.

<

telerik:GridClientSelectColumn HeaderText="Incl" HeaderStyle-Width="5%" UniqueName="ClientSelectColumn" />

Grid

answered on 21 Oct 2011

3 answers

199 views

Opening RadWindow from the server

Hello,

I read that we can also add a RadWindow now like this:

Dim window1 As New Telerik.Web.UI.RadWindow

With window1

.VisibleOnPageLoad = True

.ID = "UniqueDialogWindowID"

.Width = 450

.Height = 550

.AutoSize = True

.Modal = True

.VisibleStatusbar = False

.ContentContainer.Controls.Add(New LiteralControl("Dynamic loaded control"))

.Title = "Test"

End With

Page.Controls.Add(window1)

And this workes fine (when you also load this in init on postback of course)

The closing I do on the Page_PreRender, by removing the RadWindow from the controls collection.

In the AJAXed version of my application however, this couses problems. The Windows is loaded and displayed, but afeter the close (server side, remove RadWindow control in PreRender thus) and ReOpening, the control is loaded but not shown...

Is this not correct use of functionality?

Erik

Window

answered on 21 Oct 2011

2 answers

177 views

[Solved] IE + Jquery maphighlight and Tooltip issue

I got a nice version working of this working:

http://demos.telerik.com/aspnet-ajax/tooltip/examples/usingwithimagemap/defaultcs.aspx

So to start, have a look at my sample page here: ONLY OPEN IN new version of Firefox, Chrome or Safari:
http://www.icp-org.com/dynamic/OrgWorldMap/

There is a lot going on here, but try hovering over 'Hover here to reveal which countries have Organizations' and it will highlight the countries. Try hovering over USA and you will see the pop up functionality. Awesome page huh? All driven from a database. Thats what I thought until I opened in any version of IE, so try the same in IE.

- Actually everything works except the 'Hover here to reveal...." This is with Telerik.Web version 2009.3.1... something.

- I tried it with version 2011.2.712.40 and then it does not even work in FF, Chrome, etc, so upgrading actually brought me backwards. And I know this is an issue with the RadToolTip and/or RadTooltip manager since when I remove all telerik from the page the 'Hover to Reveal...' works fine in all browsers. Any help? THANK YOU THANK YOU THANK YOU

ToolTip

answered on 21 Oct 2011

1 answer

113 views

More Vertical spacing, Telerik Tree View

Hi Team,

I'm currently working on UI issues that are appearing in Telerik Tree View Control. We are displaying a hierarchy but the vertical spacing in between links are more.

After analysis, we came to know, There is a "Empty Text Node" is displayed after each node. This is equivalent to  . Kindly see the attached images. I just wanted to remove that extra space but I'm not getting how to resolve it. As per our client requirement, we need to reduce this gap.

Can you please help me to fix it? Please find attached images.

Environment: SharePoint 2010

Thanks,
Tarun

Sharepoint Integration

answered on 21 Oct 2011

1 answer

100 views

Setting allow scroll equal to false removes specific column width

In my code behind I'm specifying the width of certain columns (not all), for example:

ColumnName.HeaderStyle.Width = Unit.Pixel(40);

This works fine when you set AllowScroll equal to true (see attached image - allowscroll-true.jpg):

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

The problem is when you set AllowScroll equal to false it removes the width of the column (see attached image - allowscroll-false.jpg)

Is there any way to define the column width while still having allowscroll equal to false?

Grid

answered on 21 Oct 2011

7 answers

211 views

Change Timeslot Background color

Hello! How do you change the timeslot background color on Client side? I found some sample using server side but none with client side. I'm using Radschduler .net ajax Q3 2010 and the data is fed using Web Services. Also, when using Web services for RadScheduler, some server side event as TimeSlotContextMenuItemClicking, AppointmentDataBound ... stop working. Is this a bug? Thank you.

General Discussions

answered on 21 Oct 2011

1 answer

141 views

Unable to change combobox value

I dynamically create a table with comboboxes and add it to PlaceHolder.

private void CreateDynamicTable(string ProductCode)

{

//<skipped>

RadComboBox combo = new RadComboBox();

RadComboBoxItem l = new RadComboBoxItem();

combo.EmptyMessage = "- PASIRINKITE -";

string[] items = result.Expression.ToString().Split('|');

string[] values = result.PriceCoefficient.ToString().Split('|');

int itemsCount = result.Expression.ToString().Count();

foreach (var item in items.Zip(values, (ix, v) => new { ix, v }))

{

l = new RadComboBoxItem(item.ix, item.v);

combo.Items.Add(l);

}

tc.Attributes.Add("width", "145px");

combo.Attributes.Add("Style", "font-family: verdana; width: 140px; font-size : 7pt");

combo.ID = "cboAttributeName_" + i.ToString();

combo.ClientIDMode = ClientIDMode.Static;

combo.OnClientSelectedIndexChanged = "SelectedIndexChanged";

combo.Attributes.Add("AtributeName", result.AttributeName);

tc.Controls.Add(combo);

<skipped>

}

then I use a js script:

var attributes_array = new Array();

function SelectedIndexChanged(sender, eventArgs) {

var item = eventArgs.get_item();

var dblCofficient = parseFloat(item.get_value());

var dblActualPrice = document.getElementById('lblActualPrice').innerHTML;

if (dblCofficient > 0) {

var strlblYourPrice = document.getElementById('lblYourPrice').innerHTML;

var strlblUsualPrice = document.getElementById('lblUsualPrice').innerHTML;

document.getElementById('lblYourPrice').innerHTML = roundNumber(dblActualPrice * (dblCofficient / 100), 2).toFixed(2).toString().replace(".", ",") + ' Lt.';

document.getElementById('lblActualPriceDb').innerHTML = roundNumber(dblActualPrice * (dblCofficient / 100), 2).toFixed(2);

document.getElementById('lblUsualPrice').innerHTML = roundNumber(dblActualPrice * 1.25 * (dblCofficient / 100), 2).toFixed(2).toString().replace(".", ",") + ' Lt.';

}

var AtributeName = sender.get_attributes().getAttribute("AtributeName");

var AtributeValue = item.get_text();

var field = document.getElementById('txtAttributes').value;

attributes_array[AtributeName] = AtributeValue;

var str;

for (var key in attributes_array) {

if (attributes_array.hasOwnProperty(key)) {

str += " " + key + ": " + attributes_array[key] + ";" //существующий формат, или:

}

str = str.substr(10);

document.getElementById('txtAttributes').value = str;

}

The problem is, that when I first time select a value in any of dinamically created combo - the value changes, but if I then try to change the value to another - it seems, like it changes, but when combo closes it stays with the value, that was selected first time. I mean, I cannot change selected value. What is wrong?

ComboBox

answered on 21 Oct 2011

0 answers

126 views

Filtering in database

Greetings,

I have a RadGrid in which i am passing the filters and paging to the database, but i am having a problem when filtering by a text column that i truncate in my domain before binding it to the grid.

Whenever i try to filter this column, the filter gets passed all to the database correctly and the correct rows are returned and binded to the Grid, however they are not displayed unless the truncated string that is bound to the grid contains the filter value and this is a problem because i need the filter to use the full string not just the truncated string that gets binded to the grid.

For example:
If i have in the DB the string "Filter Test", show only "Filter" in the grid and try to filter by "Test" i want the row to appear in the grid.

Is there any way to stop the grid from filtering the rows again since i already do the filtering before binding the results to grid?

Grid

asked on 21 Oct 2011

0 answers

186 views

Full page postback from Rad Grid filter

Hey guys, I'm having a problem with a telerik grid causing a full page postback and not showing the grid after the postback. Here's the window definition with the ajax in the .aspx.

<body style="padding: 0px; margin: 0px auto; width: 750px; height: 530px; background-color: #FFFFFF;"> <form id="form2" runat="server"> <telerik:RadScriptManager ID="ScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="pgSingleInvitation"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tabsAddSingleUser" /> <telerik:AjaxUpdatedControl ControlID="multiPageAddSingleUser" LoadingPanelID="RadAjaxLoadingPanel2" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="pgReInvitation"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tabsAddSingleUser" /> <telerik:AjaxUpdatedControl ControlID="multiPageAddSingleUser" LoadingPanelID="RadAjaxLoadingPanel2" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="ajaxRadGrid2"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel2"/> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Windows7" /> <script type="text/javascript"> function CloseAndRebind() { GetRadWindow().BrowserWindow.refreshGrid(); GetRadWindow().close(); } function CloseAndError() { GetRadWindow().BrowserWindow.location.reload(); GetRadWindow().close(); } </script> <telerik:RadSkinManager runat="server" ID="SkinManager2" Skin="Default"> </telerik:RadSkinManager> <div style="margin: 0 auto; padding: 20px 0 0 30px; overflow:auto; height: auto">    <telerik:RadTabStrip runat="server" ID="tabsAddSingleUser" MultiPageID="multiPageAddSingleUser" SelectedIndex="0" CausesValidation="false" > <Tabs> <telerik:RadTab PageViewID="pgSingleInvitation" Text="Single Invite" Width="120px"/> <telerik:RadTab PageViewID="pgReInvite" Text="Re-Invite" Width="120px"/> </Tabs> </telerik:RadTabStrip> <div />

And here is the grid in the same .aspx file.

<telerik:RadPageView runat="server" ID="pgReInvite"> <div class="pageContent2"> <div class="home_class_main_box_2"> <telerik:RadGrid ID="RadGrid2" runat="server" Width="673px" Height="1050px" AllowPaging="True" AllowSorting="True" OnPageIndexChanged="grid_PageIndexChanged" AllowMultiRowSelection="true"<br

>                        AutoGenerateColumns="False" GroupingEnabled="False" PageSize="25" AllowFilteringByColumn="true"<

br> EnableLinqExpressions="false" EnableAJAX="True"> <GroupingSettings CaseSensitive="false" /> <MasterTableView AutoGenerateColumns="false" AllowFilteringByColumn="True"> <Columns> <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="30px" /> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="First Name" AutoPostBackOnFilter="false" CurrentFilterFunction="Contains"

<br>                                    DataField="first_name" HeaderStyle-HorizontalAlign="Left" SortExpression="first_name" HeaderStyle-Width="120px"><

br> <ItemTemplate> <div style="padding: 7px 0"> <asp:Label runat="server" ID="lblStudentId" Text='<%#DataBinder.Eval(Container.DataItem, "student_class_id")%>' Visible="false" /> <asp:HyperLink ID="hyperName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "first_name")%>' /> <telerik:RadToolTip ID="RadToolTip_Fname" runat="server" Animation="Fade" EnableShadow="False"

<br>                                                Position="BottomRight" RenderInPageRoot="true" TargetControlID="hyperName"><

br> <asp:Label ID="lblTollTip1" runat="server" Text='<%# Eval("first_name") %>' /> </telerik:RadToolTip> </div> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="Last Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" FilterDelay="5000"

<br>                                    DataField="last_name" HeaderStyle-HorizontalAlign="Left" SortExpression="last_name" HeaderStyle-Width="120px"><

br> <ItemTemplate> <asp:Label ID="lblLastName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"last_name") %>'></asp:Label> <telerik:RadToolTip ID="RadToolTip_Lname" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblLastName"><

br> <asp:Label ID="lblTollTip2" runat="server" Text='<%# Eval("last_name") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="Student ID" HeaderStyle-Width="100px"

<br>                                    DataField="uniqueId" HeaderStyle-HorizontalAlign="Left" SortExpression="uniqueId"><

br> <ItemTemplate> <asp:Label ID="lblUniqueName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"uniqueId") %>'></asp:Label> <telerik:RadToolTip ID="RadToolTip_unique" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblUniqueName"><

br> <asp:Label ID="lblTollTip4" runat="server" Text='<%# Eval("uniqueId") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="90px" HeaderText="E-Mail" HeaderStyle-Width="170px"

<br>                                    DataField="student_email" HeaderStyle-HorizontalAlign="Left" SortExpression="student_email"><

br> <ItemTemplate> <asp:Label runat="server" ID="lblStudentEMail" Text='<%#DataBinder.Eval(Container.DataItem, "student_email")%>'> </asp:Label> <telerik:RadToolTip ID="RadToolTip_Email" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblStudentEMail"><

br> <asp:Label ID="lblTollTip5" runat="server" Text='<%# Eval("student_email") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="Status" HeaderStyle-Width="90px"

<br>                                    DataField="status" HeaderStyle-HorizontalAlign="right" SortExpression="status"><

br> <ItemTemplate> <asp:Label ID="lblStatusText" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"status") %>' /> <telerik:RadToolTip ID="RadToolTip_Status" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblStatusText"><

br> <asp:Label ID="lblTollTip3" runat="server" Text='<%# Eval("status") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> </Columns> <RowIndicatorColumn> <HeaderStyle Width="20px" /> </RowIndicatorColumn> <ExpandCollapseColumn> <HeaderStyle Width="20px"/> </ExpandCollapseColumn> <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" AlwaysVisible="True" /> </MasterTableView> <ClientSettings EnableRowHoverStyle="true"> <Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" /> <Selecting AllowRowSelect="True" /> </ClientSettings> </telerik:RadGrid> </div> </div> <div style="text-align: center; width:220px; float:left; Margin: 15px 0 10px 220px;"> <asp:Button id="btnSend" runat="server" CausesValidation="false" Text="Send" CssClass="input_login_bt" OnClick="btnSendMail_Click"/> </div> </telerik:RadPageView> </telerik:RadMultiPage>

And last here's the C# code for the initialization of the grid, this is called from the page load method.

private void getStudentsData(int type) { string sortExpression = (string)ViewState["sortExpression"]; string sortDirection = (string)ViewState["sortDirection"]; if (type == 5) { IsReady = true; } else { IsReady = false; } try { string sql =

"Select b.student_class_id, a.student_id, a.first_name as first_name, a.last_name as last_name,a.nickname as nick_name,a.username as uniqueId, "

; sql += "a.student_email,b.remoteid, case b.status WHEN " + VConstants.STUDENT_STATUS_REGISTERED + " then 'Active' WHEN " + VConstants.STUDENT_STATUS_INVITED + " "; sql += "then 'Invited' WHEN " + VConstants.STUDENT_STATUS_DELETED + " THEN 'Deleted' WHEN " + VConstants.STUDENT_STATUS_READY + "THEN 'Ready' WHEN " + VConstants.STUDENT_STATUS_BLOCKED + " then 'Inactive' WHEN " + VConstants.STUDENT_STATUS_PENDING + " THEN 'Pending' end as status "; sql += "from student a, student_class b "; sql += "where a.student_id = b.student_id "; sql += "and (b.status = " + VConstants.STUDENT_STATUS_INVITED + " or b.status = " + VConstants.STUDENT_STATUS_READY + ") "; sql += "and b.class_id=" + currentClass.class_id + ""; sql += " ORDER BY A.student_id desc "; DataTable dt = dbUtility.getDataTable(sql); DataView dv = new DataView(); dv = dt.DefaultView; if (!string.IsNullOrEmpty(sortExpression)) { dv.Sort = sortExpression + " "

+ sortDirection;                }                RadGrid2.DataSource = dv;                RadGrid2.DataBind();            }

catch (Exception ex) { Utils.PreserveStackTrace(ex); } }

I've also added two screen shot attachments, one before the filter and one after the filter.

Thanks for your time!
David

Grid

asked on 21 Oct 2011