Questions on UI for ASP.NET AJAX Forum

1 answer

71 views

Hi!

I have a case where i want to filter muliple columns with "contains".
Lets say i have a textbox with the following value:

"manual gearbox Volvo"

I would like to filter all columns that contains either

manual
or Gearbox
or Volvo

i cant get this to work. Any ideas?

This is my code:

if (RadTextBox1.Text != "")

{

string[] words = RadTextBox1.Text.Split(' ');

foreach (string word in words)

{

RadListViewContainsFilterExpression expressionFree = new RadListViewContainsFilterExpression("info");

RadListViewContainsFilterExpression expressionFree1 = new RadListViewContainsFilterExpression("brand");

RadListViewContainsFilterExpression expressionFree2 = new RadListViewContainsFilterExpression("model");

expressionFree.CurrentValue = word;

RadListView1.FilterExpressions.Add(expressionFree);

expressionFree1.CurrentValue = word;

RadListView1.FilterExpressions.Add(expressionFree1);

expressionFree2.CurrentValue = word;

RadListView1.FilterExpressions.Add(expressionFree2);

}

RadListView1.Rebind();

ListView

answered on 20 Feb 2013

1 answer

109 views

How to Raise the OnNodeEdit Event from Code Behind?

Hello,

I have this situation, when the user creates a new node, a new node is added with a random name, the problem is that I only save the new node in the OnNodeEdit Event so if the user doesn't change the name of the newly created node and leaves the random name unchanged the OnNodeEdit event is not executed, is there a way to raise the OnNodeEdit event from code behind?

Thank you.

TreeView

answered on 20 Feb 2013

3 answers

181 views

RadToolTipManager & RadAjaxManager

Hi all,
Does RadToolTipManager work when having a RadAjaxManager on the same page.
I have a grid which is ajaxified by Ajax Manager and a Tooltip Manager used to show a short info when a user clicks on the grid row.
In the itemcreated event I add a link button from the row to the Tooltipmanager target controls and in the OnAjaxUpdate i send the arg to the control in tool tip. It works ok until sorting or paging. If soriting or paging the tooltip shows and it displays "loading" image forever. I tried everything without Ajax and it works.

Do you have a solution to this?
I cannot use Ajax panel bacause the page is a little complex.

mario

Ajax

answered on 20 Feb 2013

2 answers

327 views

[Solved] Hide/Show depending on checkbox

I'd like to implement the following, on the client if at all possible

a user control has a checkbox and a dropdown
it loads with the checkbox unchecked and the dropdown hidden
if the user checks the checkbox the dropdown becomes visible
if the user unchecks the checkbox the dropdown becomes hidden

sounds so simple, right?
any assistance is appreciated

ComboBox

answered on 20 Feb 2013

1 answer

82 views

RadGrid unexplainable problems

Using RadControls 2012.3.1308.40.
We have a grid, entirely created and initialized programmatically. It's huge and unfortunately a bit too big to isolate and post here.
Now I'm observing the following issues.

We enable column resizing as follows:

trgEntities.ClientSettings.Resizing.AllowColumnResize = true;

trgEntities.ClientSettings.Resizing.EnableRealTimeResize = true;

trgEntities.ClientSettings.Resizing.AllowResizeToFit = true;

This works fine after initial page load, but after having resized any column, it stops working. The column that has just been resized still has a resize handle (titled 'Drag to resize'), but when using this it actually picks up the column to start a reorder action. And the resize handle seems to have disappeared entirely from all the other columns. Only a page load restores the resize functionality (but again only a single time).

We found out that this line had unexpected impact:

trgEntities.ClientSettings.Animation.AllowColumnReorderAnimation = true;

When disabling reorder animations, resizing stayed working. But unfortunately, this had another side-effect: the right-click context menu on the header row stopped working entirely, and a javascript error pops up in the console instead:

Uncaught TypeError: Object #<Object> has no method '$' RadContextMenuScripts.js:196

b.RadContextMenu._detach RadContextMenuScripts.js:196

b.RadContextMenu._showAt RadContextMenuScripts.js:314

b.RadContextMenu.show RadContextMenuScripts.js:363

b.RadContextMenu._elementContextMenu RadContextMenuScripts.js:307

(anonymous function)                                     Telerik.Web.UI.WebResource.axd:3

a

I don't see the relation between these issues; how does the columnreorder animation affect resizing or the header contextmenu?
Our RadScriptManager in the masterpage looks like this:

<telerik:RadScriptManager ID="ScriptManager" runat="server" EnableHandlerDetection="true">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

<asp:ScriptReference Path="~/Scripts/jquery-1.7.1.min.js" />

<asp:ScriptReference Path="~/Scripts/jquery-ui-1.8.17/js/jquery-ui-1.8.17.custom.min.js" />

</Scripts>

</telerik:RadScriptManager>

How could "$telerik.$" ever not be defined? Any suggestions where to look for a solution?

Grid

answered on 20 Feb 2013

5 answers

415 views

Required Validator

This two minute exercise has somehow turned into two hours. I'm following the directions on http://www.telerik.com/help/aspnet-ajax/grid-validation.html and trying to declaratively add a required field validator (2012 Q3 controls):

<telerik:GridBoundColumn DataField="nOrder" DataType="System.Int32"

FilterControlAltText="Filter Order column" HeaderText="Order"

SortExpression="nOrder" UniqueName="nOrder" HeaderStyle-Width="5%">

<HeaderStyle Width="5%"></HeaderStyle>

<ColumnValidationSettings EnableRequiredFieldValidation="true" EnableModelErrorMessageValidation="true">

<RequiredFieldValidator ForeColor="Red" ErrorMessage="This field is required"></RequiredFieldValidator>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

Which results in:
Error 3 Type 'Telerik.Web.UI.GridBoundColumn' does not have a public property named 'ColumnValidationSettings'.
Error 4 Type 'Telerik.Web.UI.GridBoundColumn' does not have a public property named 'RequiredFieldValidator'.

What gives? What did I miss?

Grid

answered on 20 Feb 2013

1 answer

164 views

RadTreeView in RadPanelItem and Height 100%

Hello,

I have a small problem.

My PanelBar:

<telerik:RadPanelBar ID="pnlMainNav" runat="server" Width="100%" ExpandMode="FullExpandedItem" Height="100%" >

Panel bar has several items and one of those items is shown below:

<telerik:RadPanelItem runat="server">

<ItemTemplate>

<telerik:RadTreeView id="myTree" runat="server"/>

</ItemTemplate>

</telerik:RadPanelItem>

The tree view is bound on the server.

Now the thing is, if the tree view has a lot of nodes , everything is ok, and treeview occupies 100% of the panel.

When there is few nodes, the treeview does not occupy 100% of the panel item.

How can I achieve that ?

PanelBar

answered on 20 Feb 2013

1 answer

236 views

Filter icon on filtered columns

Hi

I'm trying to get a filter icon indicating which column(s) that has a filter. I set the ShowFilterIcon, FilterImageUrl and FilterItemStyle properties but there seems to bee no effect...

My set up looks like this:

<telerik:RadGrid runat="server" ID="gvCustomerProspects" OnNeedDataSource="gvCustomerProspects_OnNeedDataSource" OnItemCommand="gvCustomerProspects_OnItemCommand" OnItemDataBound="gvCustomerProspects_OnItemDataBound">

<telerik:GridBoundColumn HeaderText="Prospect" FilterImageUrl="~/Images/Layout/Icons/Open16.png" ShowFilterIcon="True" DataField="CustomerCompanyName" SortExpression="CustomerCompanyName" />

                <telerik:GridBoundColumn HeaderText="Sales Phase" DataField="SalesPhase" SortExpression="SalesPhase" />
               <telerik:GridBoundColumn HeaderText="Sales Probability" DataField="SalesProbabilityFormatted" SortExpression="SalesProbability" />
               <telerik:GridBoundColumn HeaderText="Category" DataField="Category" SortExpression="Category" />
               <telerik:GridBoundColumn HeaderText="Account Manager" DataField="AccountManagerName" SortExpression="AccountManagerName" />
               <telerik:GridButtonColumn
                   ButtonType="ImageButton"
                   ImageUrl="/Images/Layout/Icons/Transparent1x1.png"
                   CommandName="EditProspect"
                   Text="Open"
                   UniqueName="EditColumn"
                   ButtonCssClass="gridOpen"
                   HeaderStyle-Width="30">
               </telerik:GridButtonColumn>
               <telerik:GridButtonColumn
                   ConfirmText="Delete this prospect?"
                   ConfirmDialogType="RadWindow"
                   ConfirmTitle="Delete"
                   ButtonType="ImageButton"
                   ImageUrl="/Images/Layout/Icons/Transparent1x1.png"
                   CommandName="DeleteProspect"
                   Text="Delete"
                   UniqueName="DeleteColumn"
                   ButtonCssClass="gridDelete"
                   HeaderStyle-Width="30">
               </telerik:GridButtonColumn>
           </Columns>
       </MasterTableView>
   </telerik:RadGrid>

The following properties are set in code behind

Skin = "Black";

EnableEmbeddedSkins = true;

AutoGenerateColumns = false;

EnableHeaderContextMenu = true;

GroupingEnabled = true;

AllowMultiRowSelection = true;

AllowSorting = true;

AllowPaging = true;

EnableHeaderContextAggregatesMenu = true;

EnableHeaderContextFilterMenu = true;

AllowFilteringByColumn = true;

CssClass = "thRadGrid";

GroupingSettings.ShowUnGroupButton = true;

ClientSettings.EnablePostBackOnRowClick = false;

ClientSettings.AllowExpandCollapse = false;

ClientSettings.AllowColumnsReorder = true;

ClientSettings.ReorderColumnsOnClient = true;

ClientSettings.ColumnsReorderMethod = GridClientSettings.GridColumnsReorderMethod.Reorder;

ClientSettings.Selecting.AllowRowSelect = true;

ClientSettings.Selecting.UseClientSelectColumnOnly = true;

ClientSettings.Resizing.AllowResizeToFit = true;

ClientSettings.Resizing.AllowRowResize = true;

ClientSettings.Resizing.EnableRealTimeResize = true;

ClientSettings.Resizing.ResizeGridOnColumnResize = false;

ClientSettings.Resizing.AllowColumnResize = true;

MasterTableView.ShowFooter = true;

//MasterTableView.PageSize = 100;

MasterTableView.GroupLoadMode = GridGroupLoadMode.Server;

MasterTableView.ShowHeadersWhenNoRecords = true;

MasterTableView.ShowGroupFooter = true;

MasterTableView.IsFilterItemExpanded = false;

MasterTableView.CommandItemDisplay = GridCommandItemDisplay.None;

ExportSettings.ExportOnlyData = true;

ExportSettings.Excel.Format = GridExcelExportFormat.ExcelML;

ExportSettings.IgnorePaging = true;

MasterTableView.UseAllDataFields = true;

ExportSettings.OpenInNewWindow = true;

Grid

answered on 20 Feb 2013

2 answers

121 views

Change dimension image uploaded

is possible before or after uploading an image, change its dimensions?
Why I load the images into a div via css and I set the background-size, it works on all browsers except on IE8. Here the image does not change size. So I was thinking that it was better to directly change the size of the uploaded file. How can I do?

General Discussions

answered on 20 Feb 2013

1 answer

122 views

Get Labels use Telerik styles

I am using all Telerik controls, except for asp.net labels, on my web page and the built-in styles look good. The asp.net Labels do not use the same styles as the Telerik controls so they look out of place.

How do I get the asp.net Labels to use the same styles that the Telerik controls are using so they look the same?

SkinManager

answered on 20 Feb 2013