Questions on UI for ASP.NET AJAX Forum

2 answers

122 views

OnRowContextMenu on Grid with EnablePostBackOnRowClick active

Hello,

do you have any guidelines on how to implement a custom context menu display on grid that enables the post back on row click, meaning on right click on a new row, the postback should be raised, and context menu should be fired afterward.

Many thanks in advance for your answer.

Grid

answered on 05 Dec 2008

2 answers

92 views

add text label on nodes

Hi,

I populate my treeview to code behind, with sql tables, i would you like to add on nodes the label....

For example

- Users
- Andy (word) <- nodes
- Micheal (word) <- nodes

The name of the node are in colum table, but the label (word) is not the db values, i would you like to add this label for example, when i generate the treeview....

How i make? in code behind make this?

TreeView

answered on 05 Dec 2008

1 answer

103 views

removing lines and images

I dont want any images or lines to appear on my treeview, how can this be done ?

** I have several nodes, each node has one child node, I just want to display the text without the lines and images

TreeView

answered on 05 Dec 2008

2 answers

107 views

Different URL's in same panel menu

Hello,
I'm trying to implement the following :
I have 3 pages:
/news/default.aspx
/news/DisplayItem.aspx?Id=7678
/news/ShowAllnews.aspx
I'd like to
a) There should be no items (choises) in panelbar for pages /news/DisplayItem.aspx?Id=887678 and /news/ShowAllnews.aspx
b) When I press the <news> in panelbar, then the page /news/default.aspx should open
c) When I navigate to pages /news/DisplayItem.aspx?Id=799678 or /news/ShowAllnews.aspx, the <news> in panelbar should be highlighted.

I'm stuck in doing (a) and (c) together
Any suggestions?
Thank you.

PanelBar

answered on 05 Dec 2008

2 answers

97 views

detect which groupbyfield was clicked

i want to be able to detect which group was click so i could expand that group and close the other
for example
apple
   sweet
   sour
strawberry
pears

so if i click on pears then the result should be this
apple
strawberry
pears
    verysweet

also if you ones all group items to display you can't allow paging so what do we need to do so that we could allow paging and still see all group items? thank you guys

Grid

answered on 05 Dec 2008

1 answer

107 views

Using Hierarchy strange issue...

Hello,

We are trying to implement the hierarchy grid and as far as getting the data and displaying it, it works without a problem. The catch is that we are trying to take it a step further where if a user has certain permissions they will be able to:

Delete a row
Select a row, which then will open a modalpop or a radwindow for editing, as we have more information available to edit then what we display in the grid itself.
Create a new item within the 'main' row.

Basically we built a custom project/task manager where a project or task is level 1, and a task can have subtask related to it and so on. When I tried to manually add the columns in the codebehind the hierarchy function ceased to work (clicking on the little arrow to show the details table(s) underneath no longer functioned).

But the main issue is that we need to be able to show/hide options based on a users role (permissions).

Any help would be much appreciated.

Brad

Grid

answered on 05 Dec 2008

2 answers

285 views

[Solved] select row only by checkbox

Is it possible only to allow client side selection of a grid row by ticking off the checkbox?

I have the following grid:

<telerik:RadGrid ID="rg" runat="server" GridLines="None" AllowMultiRowSelection="true">
...
    <Columns>
      <telerik:GridTemplateColumn Groupable="false" UniqueName="Pictures">
        <HeaderStyle Width="16" />
        <ItemTemplate>
          <asp:Image runat="server" ID="iPictures" ImageUrl="~/Images/16/hourglass.gif" ToolTip="No report yet" />
        </ItemTemplate>
      </telerik:GridTemplateColumn>
...
<ClientSettings AllowDragToGroup="True">
    <Selecting AllowRowSelect="true" />
</ClientSettings>

Right now a row gets selected when I click the imagebutton, click-drag the mouse over rows and tick off the checkbox. I only want the checkbox.

Grid

answered on 05 Dec 2008

2 answers

89 views

Substitute text descriptions for datasource numeric values

HI,

I have a radgrid bound to a datasource which provides the following data columns:

Username
DepartmentID

So at the moment my Radgrid displays the UserName and the ID value of the department they work in.

I have another datasource which provides the following data:
DepartmentID
DepartmentName

I would like my Radgrid to display: Username, DepartmentName
Is there a way to substitute the numeric ID values in the grid datasource with the Text description coming from another datasource?

Many thanks
Antony

Grid

answered on 05 Dec 2008

1 answer

193 views

[Solved] Splitter, RadPane, and Grid

Hi Everyone,

I have a Splitter with two RadPanes (left and right.) A TreeView is in the left hand RadPane, and when nodes are clicked, the content pages are loaded into the right hand RadPane. I have one page that gets loaded into the right hand RadPane and all it containts is a Grid with a Master and Detail table. When the Grid expands past the height of the right hand RadPane, vertical AND horizontal scrollbars appear. The vertical one is fine, however, I do not want the horizontal scrollbar. My code is below. Any help is greatly appreciated.

FYI - It seems to work fine in FireFox but not in IE.

Page that contains the Splitter, RadPane:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TRMS.aspx.cs" Inherits="Web.TRMS" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 id="Head1" runat="server"> 
        
                <title>ROSS Rewrite</title> 
        
                <script type="text/javascript" src="JavaScript/LoadPage.js"></script> 
        
                <style type="text/css"> 
        
                    html, body, form 
        
                    { 
        
                        height: 100%; 
        
                        padding: 0px; 
        
                        margin: 0px; 
        
                    } 
        
                </style>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="uxRadScriptManager" runat="server" /> 
        
                <div id="header" style="height: 40px; border-bottom: 1px black;"></div> 
        
                <telerik:RadSplitter ID="uxRadSplitter" runat="server" LiveResize="True" Skin="WebBlue" 
        
                    Height="100%" Width="100%" HeightOffset="62" SplitBarsSize="5px"> 
        
                    <telerik:RadPane ID="uxRadPaneLeft" runat="server" Height="17px" Width="250px" MaxWidth="400" 
        
                        MinWidth="200"> 
        
                        <telerik:RadTreeView ID="uxRadTreeView" Runat="server" LoadingMessage=""  
        
                            OnClientNodeClicked="ClientNodeClicked" Skin="Vista"  
        
                            onnodeexpand="uxRadTreeView_NodeExpand"  
        
                            Font-Names="Calibri" Font-Size="Medium"> 
        
                            <CollapseAnimation Duration="400" /> 
        
                            <ExpandAnimation Duration="400" /> 
        
                        </telerik:RadTreeView> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadSplitBar ID="uxRadSplitBar" runat="server" /> 
        
                    <telerik:RadPane ID="uxRadPaneRight" runat="server" ContentUrl="about:blank"  
        
                        Height="100%"> 
        
                    </telerik:RadPane> 
        
                </telerik:RadSplitter> 
        
                <div id="footer" style="height: 20px; border-top: 1px black;"></div> 
        
                </form> 
        
            </body> 
        
            </html>

Page that contains the Grid:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListDetail.aspx.cs" Inherits="Web.ListDetail" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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>Untitled Page</title> 
        
                <style type="text/css"> 
        
                    .RadGrid_Default 
        
                    { 
        
                        border: 1px solid #232323; 
        
                    } 
        
                    .RadGrid_Default 
        
                    { 
        
                        font: 11px/1.4 arial,sans-serif; 
        
                    } 
        
                    .RadGrid_Default 
        
                    { 
        
                        background: #d4d0c8; 
        
                        color: #333; 
        
                    } 
        
                    .MasterTable_Default 
        
                    { 
        
                        background: #fff; 
        
                        border-collapse: separate !important; 
        
                    } 
        
                    .MasterTable_Default 
        
                    { 
        
                        font: 11px/1.4 arial,sans-serif; 
        
                    } 
        
                    .GridHeader_Default 
        
                    { 
        
                        color: #fff; 
        
                        text-decoration: none; 
        
                    } 
        
                    .GridHeader_Default 
        
                    { 
        
                        border-bottom: 1px solid #010101; 
        
                        background: url(  'mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.headers.gif' ) repeat-x #434343; 
        
                        padding: 10px 6px 10px 11px; 
        
                        text-align: left; 
        
                        font-size: 1.3em; 
        
                        font-weight: normal; 
        
                    } 
        
                    html, body, form 
        
                    { 
        
                        width:90%;  
        
                        margin: 0px auto;;  
        
                        padding: 0px;  
        
                        background: #e5ecf3;  
        
                    } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"> 
        
                </telerik:RadStyleSheetManager> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" GridLines="None" 
        
                    OnNeedDataSource="RadGrid1_NeedDataSource" Skin="WebBlue"  
        
                    OnDetailTableDataBind="RadGrid1_DetailTableDataBind"  
        
                    oncolumncreated="RadGrid1_ColumnCreated" Font-Bold="False"  
        
                    Font-Italic="False" Font-Names="Calibri" Font-Overline="False"  
        
                    Font-Size="Large" Font-Strikeout="False" Font-Underline="False"> 
        
                    <HeaderContextMenu EnableTheming="True" Skin="Hay"> 
        
                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                    </HeaderContextMenu> 
        
                    <MasterTableView AutoGenerateColumns="True" font-bold="False"  
        
                        font-italic="False" font-names="Calibri" font-overline="False"  
        
                        font-size="Medium" font-strikeout="False" font-underline="False"> 
        
                        <DetailTables> 
        
                            <telerik:GridTableView runat="server" AutoGenerateColumns="True"  
        
                                BorderWidth="1px" Font-Bold="False" Font-Italic="False" Font-Names="Calibri"  
        
                                Font-Overline="False" Font-Size="Medium" Font-Strikeout="False"  
        
                                Font-Underline="False" GridLines="None"> 
        
                                <RowIndicatorColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </ExpandCollapseColumn> 
        
                            </telerik:GridTableView> 
        
                        </DetailTables> 
        
                        <RowIndicatorColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn Visible="True"> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
            <EditFormSettings> 
        
            <EditColumn UniqueName="EditCommandColumn1"></EditColumn> 
        
            </EditFormSettings> 
        
                    </MasterTableView> 
        
                    <FilterMenu EnableTheming="True" Skin="Hay"> 
        
                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                    </FilterMenu> 
        
                </telerik:RadGrid> 
        
                </form> 
        
            </body> 
        
            </html>

Splitter

answered on 05 Dec 2008

1 answer

174 views

Loading Hierarchy with Same Headers

Is it possible to load a RadGrid with a hierarchy-based object model that retains the same header information? For example, I have a three-level object model that all contain the same properties of Prior, FirstHalf, SubTotal, SecondHalf and Total. The first level object contains those properties and then a collection of the second level set of objects. The second level object contains those same properties and also contains a collection of the third level set of objects which has those same properties (but no children underneath). So..

RootObject
     - Prior
     - FirstHalf
     - Subtotal
     - SecondHalf
     - Total
     - Collection of ChildrenObject

ChildrenObject
     - Prior
     - FirstHalf
     - Subtotal
     - SecondHalf
     - Total
     - Collection of DetailObject

DetailObject
     - Prior
     - FirstHalf
     - Subtotal
     - SecondHalf
     - Total

I want to use the RADGrid to display this hierarchy, but have only one set of headers for all objects. I know I can just not set a header on all the child/detail object grids, but I want everything on child and detail grids to line up with the parent header.

Is this possible?

Grid

answered on 05 Dec 2008