Questions on UI for ASP.NET AJAX Forum

1 answer

151 views

Un-checked child node needs to remain un-checked upon parent node with set_checkable(false)

Hi,

I have a TriStateCheckBoxes TreeView and want to filter out nodes based on user inputs from client side. Parent nodes need to stay visible if one or more child nodes are visible, but I don't want the parents to be selectable since they are not a partial match with the user input. A problem I'm having is that as soon as set_checkable(false) is called on parent nodes whose CheckState were Indeterminate, un-checked child nodes get checked. I want those un-checked nodes to remain un-checked. For instance, in my example below, check all nodes except "Child RadTreeNode1" and perform a filter with "child" input. When the filter is done, the check box on the root becomes invisible (expected) but the "Child RadTreeNode1" node gets checked (not what I want). How can I workaround it so that the un-checked nodes remain un-checked? Please advise. Thank you.

<script type="text/javascript">

function ClientClicked(sender, args) {

var tree = $find("<%= myTree.ClientID %>");

var textbox = document.getElementById("<%= txtBox.ClientID %>");

var searchString = textbox.value;

for (var i = 0; i < tree.get_nodes().get_count() ; i++) {

filterNodes(tree.get_nodes().getNode(i), searchString);

}

function filterNodes(node, searchString) {

var hasFoundChildren = false;

for (var i = 0; i < node.get_nodes().get_count() ; i++) {

hasFoundChildren = filterNodes(node.get_nodes().getNode(i), searchString) || hasFoundChildren;

}

var returnVal;

if (node.get_text().toLowerCase().indexOf(searchString.toLowerCase()) != -1) {

node.set_visible(true);

node.set_checkable(true);

node.enable();

returnVal = true;

}

else if (hasFoundChildren) {

node.set_visible(true);

node.set_checkable(false);

returnVal = true;

}

else {

node.set_visible(false);

returnVal = false;

}

return returnVal;

}

</script>

<div>

<telerik:RadTextBox ID="txtBox" runat="server" Width="100%" />

<telerik:RadButton ID="filterButton" runat="server" AutoPostBack="false" OnClientClicked="ClientClicked" Text="Filter" />

<telerik:RadTreeView ID="myTree" runat="server" CheckBoxes="true" TriStateCheckBoxes="true">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Grand Child RadTreeNode 1">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</div>

TreeView

answered on 30 Apr 2014

1 answer

143 views

Vertical Data

Hi, i would like to know if its possible to generate a pivot grid but with the data vertically.

So my pivot is group by "Types" and then by Region but i want my fields (qty, cnd and usd) to be displayed vertically and not by columns.

Expected result is figure 1

Result that PivotGrid currently provide me is figure 2

PivotGrid

answered on 30 Apr 2014

5 answers

336 views

Custom validator failure within a RadAjaxPanel

Will a standard custom validator work within a RadAjaxPanel?

I have a screen with a RadSplitter containing multiple radcombo boxes, custom validators, and the usual javascript code for the validators

Until now they've been working perfectly.

I've just enclosed the entire splitter in a RadAjaxPanel.

All the server-side code is working normally but the custom validators appear to have failed completely. The Javascript functions are not being called.

Ajax

answered on 30 Apr 2014

1 answer

87 views

Appointment - Edit image next to delete image

In the Scheduler, when you hover your mouse over an appointment it shows a delete image. This is nice, but I want the same functionality with an edit image. I know I can implement a click or double click client event to handle editing, and in fact have already done so with double click, but to make it more clear to end users I would also like an edit image. They are also used to having this from an old scheduler control we are looking to migrate away from another vendor to use the telerik scheduler control.

I don't mind rolling my own solution, but any help you can provide if you have done this regarding css and client scripts that I can use would be great. Ultimately I think this should be built into the control itself as I can't imagine I am the only one wanting this.

Also, I know I can put my own image in an appointment template which may be what I end up having to do, but again I want it to look nice and appear right next to the delete image when you hover the mouse over the appointment.

Scheduler

answered on 30 Apr 2014

1 answer

694 views

Registered Trademark symbols are converted to the wrong symbol

When I add the code for a registered trademark symbol (®) provided by you guys at Telerik in this post http://www.telerik.com/support/kb/details/adding-special-characters-in-html-code I am getting inconsistent displays. When I enter the character code (® or ®) it instead puts in this different symbol Æ once published.

Any idea why I can't get a simple Registered Trademark symbol to appear correctly? This is very frustrating since it is a very simple and straight forward part of HTML coding. Any help would be greatly appreciated.

Thanks,
KC Painter

General Discussions

answered on 30 Apr 2014

1 answer

168 views

Node expand causes page refresh

Hello,

I'm using a radtreeview that is being populated by my database. On initial load it loads the starting options. When a node is expended the the _NodeExpand event is fired. This populates the next level of nodes. Some of these nodes have checkbox code within the html that is loaded. That all displays and works fine until I go to a different starting option node and expand it. This cases the page to reload and my checkboxes disappear but the original nodes are expanded. How can I prevent the reloading of this page so my users can open all different nodes and see the checkboxes?

Thank you

TreeView

answered on 30 Apr 2014

7 answers

131 views

Recurrence: End after NULL occurrences

Hi Telerik,
This part of Recurrence's panel didn't validate the empty cell. It's good in validating zero!

ctl00_MainContent_RadScheduler1_Form_AppointmentRecurrenceEditor_RangeOccurrences_wrapper

I try to reproduce this logic on http://demos.telerik.com/aspnet-ajax/scheduler/examples/overview/defaultcs.aspx... and it's ignore this selected radio button and set "No end data".

How can I repair such wrong behavior?

Scheduler

answered on 30 Apr 2014

3 answers

429 views

Pdf-DefaultFontFamily='Arial Unicode MS' only working on local machine

Have Pdf-DefaultFontFamily='Arial Unicode MS' set in <ExportSettings>.

Works fine when exporting on local machine. When I deploy and run from azure website, export appears to be in Times New Roman.

Any suggestions?

Regards

Glenn

Grid

answered on 30 Apr 2014

5 answers

255 views

[Solved] Using RadNotification as RequiredFieldValidator

Hello all,

I was wondering if it is possible to achieve a notification about required fields. I was adapting the example at https://demos.telerik.com/aspnet-ajax/notification/examples/waiariasupport/defaultcs.aspx (the primary feature here is checking if there are errors, not the ARIA-support).

At least, I got stuck with the client having to call "showNotification()". In the example it is done by a simple button underneath the form, but in my example I'm using a relatively complex RadGrid with EditMode set to PopUp.

All in all, I want the following features:

- adding or editing a dataset should open a modal popup with edit fields in it, including buttons "update" and "cancel" (done by RadGrid EditMode="popup")
- show a RadNotification if the first two fields (shortname and definition) are empty, DO NOT close the form
- if at least the two fields are given, insert / update the dataset

I hope you can help me and I am really looking forward to a nice solution,

regards

Jan

Grid

answered on 30 Apr 2014

9 answers

264 views

OnBubbleEvent not firing within AjaxUpdatePanel

I have the following User Control:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="test.ascx.cs" Inherits="_Controls_test" %>

<asp:Button ID="btnText" runat="server" Text="test" OnClick="btnTest_Click" />

protected void btnTest_Click(object sender, EventArgs e)

{

CommandEventArgs args = new CommandEventArgs("TestEvent", "bubbled up!");

RaiseBubbleEvent(null, args);

}

Then a parent page:

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadAjaxPanel ID="UpdatePanel1" runat="server" LoadingPanelID="UpdateProgress1">

This is a test page:<br />

<asp:Literal ID="litTest" runat="server" />

<br /><br /><br />

<uc1:testUC ID="testUC1" runat="server" />

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="UpdateProgress1" runat="server" />

protected override bool OnBubbleEvent(object source, EventArgs args)

{

if (args != null)

{

CommandEventArgs e = (CommandEventArgs)args;

if (e.CommandArgument != null)

{

litTest.Text += e.CommandName + " = " + e.CommandArgument.ToString() + "<br />";

return true;

}

return false;

}

When the button is clicked, the OnBubbleEvent is not fired - if I replace the RadAjaxPanel with an UpdatePanel, it fires (twice, strangely?). If I remove the UpdaetPanel and have it post back, it also fires twice. WHat do I need to do to get this working in RadAjaxPanel?

Ajax

answered on 30 Apr 2014