Questions on UI for ASP.NET AJAX Forum

1 answer

228 views

RadInputManager with TextSetting, SetFocus does clear the Text

Hi all,

I am using the RadInputManager on a webform. I have a textbox i want to control. It must have content, so, I have set the TextBoxSettings attributes like this:

EmptyMessage="type.." Validation-IsRequired="true"

If I click the textbox, the "type.." text disappears, and I can type in my content - no problems.
But when I want the cursor to be in the control set in page load, the "type.." text remains, and when I type "123 " in the box, it gets like this: "123 type..". And it's with the gray "disabled" look.

I have tried to write the javascript my self, in stead of using the Page's SetFocus method. Same behaviour occures.

Any one having experience with this issue?

Kind regards
Morten

Input

answered on 26 Oct 2010

3 answers

119 views

Advanced form

I have a modified xml Appointments file with users added anb I am using the sample project http://www.telerik.com/ClientsFiles/138467_radschedulermvc-demo.zip .
I have selected StartEditingInAdvancedForm="true", the form opens and I see the User dropdown but it is not populated with the users how do I go about this?

<telerik:RadScheduler runat="server" ID="RadScheduler1" Height="100%"

AllowDelete="False" AllowEdit="False" AllowInsert="False" Skin="Office2007"

StartEditingInAdvancedForm="true" SelectedView="WeekView"

DayEndTime="18:00:00" DayStartTime="08:00:00"

ShowFooter="false" Culture="en-GB">

<AdvancedForm Modal="true" />

<ResourceTypes>

<telerik:ResourceType KeyField="Key" Name="User" TextField="Text" ForeignKeyField="ID"

DataSourceID="XmlSchedulerProvider" />

</ResourceTypes>

<WebServiceSettings Path="~/Models/SchedulerWebService.asmx" />

</telerik:RadScheduler>

Thanks

Scheduler

answered on 26 Oct 2010

7 answers

189 views

ASP.NET AJAX

Dear all,

I have used a trial version of ASP.NET AJAX and are trying to activate the product but do not know how. All I have received is a "unique customer ID" would anyone know how to move forward?

Best Regards,

Thomas Andersson

General Discussions

answered on 26 Oct 2010

1 answer

303 views

Radlistview not binding correctly during rebind

Hello ,

I'm facing problem with rebinding RADListView from code behind by changing the databasourceid in the event of RADTreeNode selection.

I'm desiging a page with Radtreeview and Radlistview and while clicking the node on the RADTreeView I'm getting the directory path from the treenode and assigning the selected directory to the RADListview in the code behind to list all images.

Intermittently the RADListView is not getting the correct path and binding to a previously assigned values. This is happening more frequently.

I'm displaying the same treenode selected path on a Gridview and that is showing the correct values for that selected treenode consistently. It seems to be an issue with the RADListview binding using AJAX.

Is there an alternate approach I can try to fix this dynamic biding issue? Thanks for your help.

protected void RadTreeView1_Selected(object sender, RadTreeNodeEventArgs e)

{

if (e.Node.ToolTip == "Album")

{

string albpath = "";

if (RadTreeView1.SelectedNode.GetFullPath("/") == "Sample Folder/Sample Album")

{

albpath = "~/" + "Registered_Users_Uploaded_Images" + "/" + RadTreeView1.SelectedNode.GetFullPath("/");

}

else {

albpath =

"~/" + "Registered_Users_Uploaded_Images" + "/" + uname + "/" + RadTreeView1.SelectedNode.GetFullPath("/");

}

ObjectDataSource1.SelectParameters[

"path"].DefaultValue = albpath;

// ObjectDataSource1.SelectMethod = "GetData()";

RadAjaxManager1.AjaxSettings.AddAjaxSetting(RadTreeView1, ObjectDataSource1);

RadListView1.DataSourceID =

"ObjectDataSource1";

RadListView1.Rebind();

RadAjaxManager1.AjaxSettings.AddAjaxSetting(RadTreeView1, RadListView1);

}

}

============== ObjectDataSource=============

<asp:ObjectDataSource runat="server" ID="ObjectDataSource1" SelectMethod="GetData"

TypeName="uploadWebApp.DataProvider">

<asp:Parameter Name="path" DefaultValue="~/Registered_Users_Uploaded_Images\dsnap1\My Albums\2010-10-16"/>

</SelectParameters>

</asp:ObjectDataSource>

=============================================

============ AJAX settings ==================

<telerik:AjaxSetting AjaxControlID="RadTreeView1">

<telerik:AjaxUpdatedControl ControlID="GridView1" />

<telerik:AjaxUpdatedControl ControlID="ObjectDataSource1" />

<telerik:AjaxUpdatedControl ControlID="RadListView1" LoadingPanelID="ListViewPanel1" />

</telerik:AjaxSetting>

ListView

answered on 26 Oct 2010

2 answers

55 views

[Solved] PagerStyle Issue

Hello,

I was wondering whether it is possible to use the NextPrevAndNumeric PagerStyle without allowing users the option to change the page size. It doesnt seem to work properly in my solution (see screenshot), I would like it to be fixed in any case.

Thanks,

Ken

Grid

answered on 26 Oct 2010

2 answers

164 views

RadWindow do not change size automatically

Good day!
I try to do everything like in this sample (http://demos.telerik.com/aspnet-ajax/window/examples/autosize/defaultcs.aspx), but something is wrong and when I add files using my RadAsyncUpload in the Window, there are a lot of files but the window do not change it's size =(
You can see it in the attached file.
Please, can you tell me what I do wrong?
Here is my code.

<telerik:RadWindowManager ID="winManager"
        runat="server" >
        <Windows>
            <telerik:RadWindow ID="RadWindow1" BackColor="White" OnClientClose="OnClientClose2" Width="400px" Height="400px"
            VisibleStatusbar="false" Skin="Office2007" Behaviors="Close, Resize, Move" IconUrl="../App_Themes/Theme1/Image/1288064592_view_remove.ico"
            Animation="Fade" AutoSize="true" ShowContentDuringLoad="false" EnableShadow="true"
            NavigateUrl="../Administrators/FileWindows/UploadFile.aspx" runat="server" Title="Загрузить файл" />
       </Windows>
    </telerik:RadWindowManager>

UploadFile.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadFile.aspx.cs" Inherits="CAP.Site.Administrators.FileWindows.UploadFile" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body
        {
            font-size: 12px;
            font-family: "Segoe UI", Arial, sans-serif, Verdana, Tahoma, Helvetica;
            color: #000000;
        }
        .MySimpleButton
        {
            font-family: "Segoe UI", Arial, sans-serif, Verdana;
            font-size: 1.0em;
            height: 24px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">

     <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function returnToParent() {
                var oArg = new Object();
                oArg.pressCancel = "False";
                var oWnd = GetRadWindow();
                oWnd.close(oArg);
            }
            function GetRadWindow() {
                var oWindow = null;
                if (window.radWindow)
                    oWindow = window.radWindow;
                else if (window.frameElement.radWindow)
                    oWindow = window.frameElement.radWindow;
                return oWindow;
            }
            function cancel() {
                var oArg = new Object();
                oArg.pressCancel = "True";
                var oWnd = GetRadWindow();
                oWnd.close(oArg);
            }
        </script>
        </telerik:RadCodeBlock>
    <telerik:RadScriptManager ID="ScriptManager1" runat="server" />

    <div class="upload-panel" style="min-height: 350px; min-width: 350px; display: block; width: auto; height: auto;" >
        <telerik:RadProgressManager runat="server" ID="RadProgressManager1" Skin="Office2007" />
        <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Skin="Office2007" Width="97%" MultipleFileSelection="Automatic"/>

        <telerik:RadProgressArea runat="server" ID="RadProgressArea1"
            Skin="Office2007"/>
    </div>
    <asp:Label ID="InjectScript" Runat="server" Width="330px"></asp:Label>
    <br /><br />
    <asp:Button runat="server" Text="Сохранить" onclick="Unnamed1_Click" CssClass="MySimpleButton" />
    <button title="Закрыть" id="btClose" class="MySimpleButton" onclick="cancel(); return false;">Закрыть</button>


    </form>
</body>
</html>

Window

answered on 26 Oct 2010

2 answers

354 views

RadGrid: Problem with binding to a hierarchical data structure

Hi,
(I have removed any business specific information from the markup and code samples)
I have a problem with binding to a hierarchical data structure. The structure for the grid is following:

<telerik:RadGrid ID="RadGridExample" runat="server" GridLines="Both" Skin="WebBlue">

<MasterTableView AutoGenerateColumns="false" Name="Main"> <%-- This level holds items of Type1 --%>

<Columns>

</Columns>

<DetailTables>

<telerik:GridTableView Name="SubLevel1" ShowHeadersWhenNoRecords="false" AutoGenerateColumns="false"> <%-- This level holds items of Type2 --%>

<Columns>

</Columns>

<DetailTables>

<telerik:GridTableView Name="SubLevel2" ShowHeader="false" AutoGenerateColumns="false" > <%-- This level holds items of Type2 --%>

<Columns>

</Columns>

<DetailTables>

<telerik:GridTableView Name="SubLevel3" ShowHeader="false" AutoGenerateColumns="false"> <%-- This level holds items of Type2 --%>

<Columns>

</Columns>

<DetailTables>

<telerik:GridTableView Name="SubLevel4" ShowHeader="false" AutoGenerateColumns="false"> <%-- This level holds items of Type2 --%>

<Columns>

</Columns>

</telerik:GridTableView>

</DetailTables>

</telerik:GridTableView>

</DetailTables>

</telerik:GridTableView>

</DetailTables>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

Type1 and Type2 naturally have different properties.

For all levels I use custom sorting, custom paging and custom filtering. I get all data for the entire grid (all sub levels included) in the Page_PreRender stage (of the UserControl the Grid is in).

The problem is that I have not been able to get the detail grids to bind at all after I expand a row.

Here is a little bit of background information before I go on:
The life cycle of the control is following:
1. At Init (of the user control) the user control registeres it to the page. The user control implements a custom IView interface and the Page implements a custom IViewContiner interface. The code for this is following:

protected void Page_Init(object sender, EventArgs e)

{

IViewContainer container = this.Page as IViewContainer;

if (container != null)

{

container.Register(this);

}

2. In the the containing Page's Page_LoadComplete the Page calls all its IView (user control) objects Initialize method where the user control collects its state information and sends it to an application controller. At this stage the user control should traverse the grid structure and get all expanded rows. From this information the back end can get all the information needed to get the data for the view(s) (user control(s)).

3. At user control's Page_PreRender the user control receives the data it is supposed to bind to the grid. The hierarchical data structure could be of type:

IEnumerable<Tuple<Type1,IEnumerable<Tree<Type2>>>>

Where the Type1 objects are objects that should be bound to the MasterTableView level and the IEnumerable of trees should be bound to the detail tables.

The Tree and its TreeNode classes look like this:

public class Tree<TItem>

{

public Tree(TItem rootItem)

{

root = new TreeNode<TItem>(rootItem);

}

public Tree(TreeNode<TItem> rootNode)

{

this.root = rootNode;

}

private TreeNode<TItem> root;

public TreeNode<TItem> Root

{

get { return root; }

}

public class TreeNode<TItem>

{

public TreeNode(TItem item)

{

this.item = item;

this.children = new List<TreeNode<TItem>>();

this.isLeaf = true;

}

public TreeNode(TItem item, bool isLeaf)

{

this.item = item;

this.isLeaf = isLeaf;

this.children = new List<TreeNode<TItem>>();

}

public TreeNode(TItem node, IEnumerable<TItem> children)

{

this.item = node;

this.children = new List<TreeNode<TItem>>(children.Count());

foreach (var child in children)

{

this.children.Add(new TreeNode<TItem>(child));

}

this.isLeaf = false;

}

private TItem item;

public TItem Item

{

get { return item;}

}

private List<TreeNode<TItem>> children;

public IEnumerable<TreeNode<TItem>> Children

{

get

{

if (isLeaf)

throw new InvalidOperationException("Node is set as Leaf so it can't have children");

return children;

}

private bool isLeaf;

public bool IsLeaf

{

get { return isLeaf; }

set { isLeaf = value; }

}

public void AddChild(TItem item)

{

isLeaf = false;

children.Add(new TreeNode<TItem>(item));

}

public void AddChild(TreeNode<TItem> item)

{

isLeaf = false;

children.Add(item);

}

public void AddChildren(IEnumerable<TItem> items)

{

isLeaf = false;

foreach (var item in items)

{

children.Add(new TreeNode<TItem>(item));

}

public void AddChildren(IEnumerable<TreeNode<TItem>> items)

{

isLeaf = false;

foreach (var item in items)

{

children.Add(item);

}

Now back to the problem at hand. I tried to bind the MasterTableView to the IEnumerable<Type1>:
RadGridExample.MasterTableView.DataSource = hierarchy.Select(tuple => tuple.Item1); Where hierarchy is the IEnumerable<Tuple<Type1,IEnumerable<Tree<Type2>>>>.

Then in the RadGridExample_DetailTableDataBind handler I Tried the following:

object parentDataItem = e.DetailTableView.ParentItem.DataItem;

if (parentDataItem is Type1)

{

Type1 fac = parentDataItem as Type1;

var tuple = hierarchy.Single(t => t.Item1 == fac);

if (tuple.Item2 != null)

{

var roots = tuple.Item2.Select(tree => tree.Root);

//selects IEnumerable<TreeNode<Type2>>

e.DetailTableView.DataSource = roots;

}

else if (parentDataItem is TreeNode<Type2>)

{

TreeNode<Type2> node = parentDataItem as TreeNode<Type2>;

if (!node.IsLeaf)

{

e.DetailTableView.DataSource = node.Children;

}

The rules for binding are following (as the code above suggests):
- If the IEnumerable<Type2> associated with the Type1 in the Tuple is null, then the row is not expanded and its detail table should not be bound to anything.
- If the TreeNode<Type2> object has IsLeaf == true then it is not expanded and its detail table should not be bound to anything.

Is it possible to bind this kind for data structures the grid hierarchy all at once at Page_PreRender? The self referencing hierarchy is out of the question since I want to some day have custom paging on all levels of the hierarchy separately. For now I would settle for getting the data binding working.

I attached an example picture of the kind of data that the grid should bind to.

EDIT:

Some more issues I ran into:

Issue1:

If I set the data source of the grid or grid's master table view as IEnumerable<Type1> the Grid_ItemDataBound handler tries to bind the Type1 objects also to the DetailTable levels. This is not at all what I intended to do. The IEnumerable<Type1> objects should be bound to the master table view level (outer most level) and the trees should be bound to the detail table levels.
For example If my data source for the master table view level would be following:
{item1, item2, item3, item4}
The grid tries to create the following hierarchy from this list:
item1
-Item1
-Item2
-Item3
-Item4
Item2
-Item1
-Item2
-Item3
-Item4
...
And so on
So it is repeating the main level objects as the children of the main level objects.

Issue2:

I got the hierarchy expanding but it is super slow. Now the problem is that if I want to collapse any row the grid won't event make a request to the server. Although this only happens when the web app is run on the Visual Studio development web server. On IIS the collapse seems to work.

Grid

answered on 26 Oct 2010

1 answer

189 views

radwindow not on top

I have a web page that inherits from a master page. On the master page is a rad menu control, and on the main window a a couple swfs embeded in the page. It is an aspx page. When I open the the radwindow the window is always below the radmenu control and when I move teh popup ot appears as if the swfs are also above the page but when I release the window the swf are below the popup, whic I want, but the rad menu is always above it. If I switch from using a radwindow to just a window.open I have no issues.

Window

answered on 26 Oct 2010

4 answers

139 views

ImageButton in GridAttachmentColumn

Hello,
I'm using a RadGrid with a GridAttachmentColumn (ButtonType ImageButton) for download.
Everything is Ok and It works well.
But some of the items of my Grid don't have attached file.
So I would like to set the "visible property" of the button to false when there is no attached file.
Is there a way to do that ?
Thanks a lot.
Bernard

Grid

answered on 26 Oct 2010

1 answer

82 views

[Solved] edit in radgrid

Hi,

i created radgrid with edit option. when clicked edit button displayed values in textbox. then i clicked enter button means another add new record option has been displayed. how to avoid this problem?

Grid

answered on 26 Oct 2010