Questions on UI for ASP.NET AJAX Forum

4 answers

608 views

[Solved] RadComboBoxItem hide() on client-side not persisting

Hi There,

I'm busy implementing filtering of RadComboBox items from the client-side by calling the .hide() method of the combobox-item.
This results in the items I specify to be hidden from view for the user.

The problem I find is that once I click the Combo that was filtered and I click anywhere else on the html page, the items that I had set to be hidden become visible again.

Right now I think:

RadCombo is executing an event once the RadCombo is focused on (selected) and then looses focus. This event makes all the items visible again.
or I am not using the .hide() method correctly and require instructions for proper use,

Here is an extract of the relevant parts of the ASPX control and JS client-side method:

<telerik:RadComboBox ID="rcboProject" runat="server" AppendDataBoundItems="True"

DataTextField="Name" DataValueField="ClientNameProjectID" DataSourceID="objProject" MarkFirstMatch="true" AllowCustomText="true" Filter="Contains"

NoWrap="true">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Non Project" Value="-1" />

</Items>

</telerik:RadComboBox>

// this function is called from client side event such as a button click or perhaps even by the

// OnClientSelectedIndexChanged event of another combo box(obviously it would need event params in that case).

function FilterProjects() {

// GetProjectCombo(index)

var projectCombo = GetProjectCombo();

// Get project combo items.

var projectItems = projectCombo.get_items();

projectCombo.trackChanges();

// loop through, hide * projects except the top 10

for (i = 0; i < projectItems._array.length; i++)

{

if (i < 10)

continue;

// Get Item, load its data.

var item = projectItems.getItem(i);

var itemValue = item.get_value();

if (true) // simplified for Telerik support.

{

item.hide(); // works temporarily until clicking on html body then it reverts back to original state.

//item.removeAt(i); // works and persists.

//item.disable(); // works and persists.

}

projectCombo.commitChanges();

}

function GetProjectCombo(index) {

return $find("<%= rcboProject.ClientID %>");

}

Additional Information:
Telerik Controls Version: 2010.1.415.40

Your help would be greatly appreciated.

Best,
Llewellyn

ComboBox

answered on 20 Jul 2012

3 answers

125 views

Telerik is taking more time to be installed

Hi!Is it normal that the installation of telerik take more time than a normal installation.I have install from 21h00 pm ,now it is 6h00 am but still it is on 50%.

Installer and VS Extensions

answered on 20 Jul 2012

3 answers

71 views

Image float feature request

Could you guys do me a favour and please append a class like "floated-left" or "floated-right" to an image in addition to the style="float:left" when we use the editor to insert an image.

The problem is it's impossible to style the image. Like if it's floated left I wouldnt want any left margin\padding, and floated right I wouldnt want any right margins or padding...

I'm having to hack it in with jQuery, and I'd much rather not have that processing cost on every page load if it could be handled with css

$("img[style]", "#content-wrapper").each(function () {

if ($(this).css("float") === "left" || $(this).css("float") === "right") {

$(this).addClass("floated-" + $(this).css("float"));

}

});

Thx, Steve

Editor

answered on 20 Jul 2012

1 answer

169 views

RadGrid in FormView

Although not a big fan of FormViews, I'm stuck with it for this application.

I have a Grid in a FormView, and I'm using a Object Data Source to bind database data. Right now...all the data looks fine, or at least how it is being returned from the database. One of the columns however is returning a '|' delimited group of names. What I would do without the FormView is respond to the PreRender event, and do a replace of the '|' with a line control or <br />. I know how to do the replace, but WHERE do I do it? How can I get to the PreRender event?

I have found LOTS of examples out on the net on how to access the properties of the controls on the FormView, but nothing yet on how to respond to the events. Anyone know how to do this? Or another way? Or a place I can begin to glean some information? Or a hint?

Thanks all!

Grid

answered on 20 Jul 2012

2 answers

131 views

setting node's target lin k in C#

at the moment, I am having following scenario:

<telerik:RadTreeView ID="RadTreeView1" runat="server">

<NodeTemplate>

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/Scanner5 32x32.png"

PostBackUrl="http://www.hotmail.com" />

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.bing.com">[ View ] </asp:HyperLink>

<%# DataBinder.Eval(Container, "Text") %>

</NodeTemplate>

</telerik:RadTreeView>

and the code behind looks something like below :

RadTreeNode category1 = new RadTreeNode("Group1", "Group1");

RadTreeNode Category1Nodes;

RadTreeNodeCollection radCollection = new RadTreeNodeCollection(category1);

for (int i = 10 - 1; i >= 0; i--)

{

Category1Nodes = new RadTreeNode(i.ToString(), i.ToString());

category1.Nodes.Add(Category1Nodes);

}

RadTreeView1.Nodes.Add(category1);

RadTreeNode category2 = new RadTreeNode("Group2", "Group2");

RadTreeNode Category2Nodes;

radCollection = new RadTreeNodeCollection(category2);

for (int i = 5 - 1; i >= 0; i--)

{

Category2Nodes = new RadTreeNode(i.ToString(), i.ToString());

category2.Nodes.Add(Category2Nodes);

}

RadTreeView1.Nodes.Add(category2);

Now,

I want to set the link of the imageButon and hyperLink programatically. Right now the link target is same for all the nodes, including the parent nodes, but I want to set it dynamically.

Thanks,
-Aarsh

TreeView

answered on 20 Jul 2012

8 answers

201 views

DropDownList loses keyboard shortcuts

Hello,
From reading this forum, it seems that by using the FormDecorator, I may lose some form functionality as a result. My issue is that when I decorate an asp:DropDownList, I can no longer use keyboard shortcuts when the dropdown has the focus. In particular, we need to be able to type the first character of the dropdown and have it select the first item it finds, just as a normal html select element does. Also, I can't appear to be able to use the arrow keys to change the list item, or use Alt+DownArrow to open the list. If there is any way you can add this functionality out-of-the-box with the FormDecorator, I would like to suggest it. If it is just something I may be doing wrong, please let me know. Thanks,

Michael

FormDecorator

answered on 20 Jul 2012

2 answers

119 views

[Solved] Nested Grid ServerSide read value

I am using this article http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/declarativerelations/defaultcs.aspx
I am looking for a way so I can read all the selected value at server side!

Thanks,
Shakti

Grid

answered on 20 Jul 2012

1 answer

121 views

Control used for MVC Razor

Hai

I am going to create a new application with MVC architecture with Razor Syntax. And i want to use the telerik control in my application. Which control i can use for it. Is it possible to work with Asp.net Ajax controls? or i should go for MVC Controls..

Tell me which is the best control to work with Razor Controls?

Thanks

General Discussions

answered on 20 Jul 2012

8 answers

325 views

RadDatePicker width 100% issue in IE9

Using the sample code below, the datepicker gets rendered with a span that has a style of "width: 100%; display: block;". Why does it not get a width of 100px? If I remove the meta tag that is forcing it to use the latest IE rendering engine, it works fine. Please help, thanks!

Telerik.Web.UI.dll version: 2012.2.607.40

<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<telerik:RadDatePicker runat="server" ID="txtBirthDate" Width="100px" />
</div>
</form>
</body>
</html>

Input

answered on 20 Jul 2012

1 answer

128 views

Problem with GridNumericColumn alignment

I have a GridNumericColumn with the values designated as right aligned. The values overlap the border of the next column to the right of it in edit mode and in display mode. I have checked to make sure the width is specified on all columns in the grid and that the total of the percentages does not exceed 100%. I have also attempted to add a CellPadding property, but nothing seems to rectify the problem.

Can anyone provide me with any help on what to look at to resolve the issue?

General Discussions

answered on 20 Jul 2012