Questions on UI for ASP.NET AJAX Forum

5 answers

214 views

orgchart with image i have to show the images but problem is condition based visible true/false the images

please provide me sample code

OrgChart

answered on 18 Jun 2014

8 answers

841 views

ItemDataBound FindControl in template not working

Hi,

For this:

<telerik:GridTemplateColumn

UniqueName="Value"

HeaderText="Values">

<HeaderTemplate>

<asp:Label

Text="Value"

runat="server">

</asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:Label

ID="CurrentValues"

runat="server"

Text='<%# Eval("Values") %>'>

</asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadListBox

ID="Values"

runat="server"

DataTextField="ValueTitle"

DataValueField="ValueId">

</telerik:RadListBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

On firing, OnItemDataBound, this works:

var gridEditFormItem = (GridEditFormItem)e.Item;

var radListBox = (RadListBox)gridEditFormItem["Value"].FindControl("Values");

But this does not (Label is null):

var label = (Label)gridEditFormItem["Value"].FindControl("CurrentValues");

I can't see the wood for the trees, I think. Why can't I get a reference to the label?

Thanks,
Richard

Grid

answered on 18 Jun 2014

1 answer

55 views

SHow nestedView template in radgrid wrapped in user control

I've got radgrid control which is inside a user ascx file. I'm doing this because I should use radgrid in mvc(so there is no other way - is should wrap it in user control)3

So can someone help me - is it possible to show the nesteditemtemplate because when I click the button infront of each row nothing happens

<%@ Control Language="C#" AutoEventWireup="true" Inherits="MvcBeaWeb.ProductsShowTile" CodeFile="ProductsShowTile.ascx.cs" %>
<%@ Import Namespace="MvcBeaWeb" %>
<%@ Register Assembly="Telerik.Web.UI" TagPrefix="telerik" Namespace="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>

<form id="form_TilesShow" runat="server">

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

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanelTilesShow" LoadingPanelID="RadAjaxLoadingPanelTilesShow"
HorizontalAlign="Center" Width="472px" >
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="radGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="radGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<div class="mainHolder">
<div class="qsf-ib tileListHolder">
<telerik:RadGrid runat="server" OnPreRender="RadGrid1_PreRender" OnItemCommand="RadGrid1_ItemCommand" OnNeedDataSource="RadGrid1_NeedDataSource" ID="RadGrid1" AutoGenerateColumns="false" AllowCustomPaging="true" AllowPaging="true" PageSize="3" OnPageIndexChanged="RadGrid1_PageIndexChanged1"> <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" PageSizeControlType="RadComboBox" ></PagerStyle>
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="ArticlegroupID" UniqueName="101">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SpecialWord" HeaderText="ProductDescription" UniqueName="200" >
</telerik:GridBoundColumn>
<telerik:GridImageColumn DataType="System.String" DataImageUrlFields="ImageFile" UniqueName="500"
AlternateText="Customer image"
ImageAlign="Middle" ImageHeight="100px" ImageWidth="82px" HeaderText="Image Column">
</telerik:GridImageColumn>
</Columns>

<NestedViewTemplate>

<div class="carBackground">

<div style="float: left; padding-left: 40px">

<asp:Image ID="CarImage" runat="server" AlternateText="Car Image" ImageUrl='Images/logoIcon.jpg' />

</div>

<div style="float: right; width: 50%">

<div class="carTitle">

</div>

  </NestedViewTemplate>
</MasterTableView>



</telerik:RadGrid>

</div>
</div>
</telerik:RadAjaxPanel>

</form>

Grid

answered on 18 Jun 2014

1 answer

208 views

Align two items inside RadGrid column

What I am trying to do is align one item to the right and the other to the left side of the column.

Inside the column is an up and down arrow. The up arrow should be on the left while the down arrow is on the right.

The reason I need to align them is because if I remove the up arrow for the first section(because it can't go higher than first) the down arrow then is on the left, being in-line with the other up arrows, and vice-versa.

These two buttons are ImageButtons inside a single GridTemplateColumn. Looks like this:

<telerik:GridTemplateColumn AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="btnUp" runat="server" CommandName="moveup" ImageUrl="~/images/up.gif"/>

<asp:ImageButton ID="btnDn" runat="server" CommandName="movedn" ImageUrl="~/images/dn.gif"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

I do not want to align the whole row either. Just the column/buttons.

I could however just align the column to be center, but I would rather have the buttons be in-line with the similar buttons.

I tried attaching an ID to the TemplateColumn, but there is no ID method. Also attempted a HorizontalAlign on the ImageButtons, but there isn't a method there either.

Is there currently a way to do this? Or am I being too picky.

Grid

answered on 18 Jun 2014

2 answers

462 views

Gridview Refresh

i want to fire refresh event of gridview after inserting data in database without calling databind function because data bind function is not working up to my desire , i want to fire the event of refresh gridview immediately after inserting Data into database.
Thanks in Advance.

Regards,
Muhammad Arsal Khan

Grid

answered on 18 Jun 2014

1 answer

350 views

ComboBox issue - Checkboxes = "True" and ItemTemplate

I have a radcombobox which has the checkbox property set to true and I am also using an item template for my radcombobox in order to display a tooltip for each item. Upon implementing all of this, the functionality actually works, however each checkbox along with its description is outlined by separate rows. I would like the checkbox associated to each item to be in the same row. How would I be able to achieve this format. I have attached an image to this forum post visually showing my issue. I am also posting code below to show how I am coding my radcombobox. Please Assist!

Code:

<telerik:RadComboBox EmptyMessage="Show All" ID="ddStatusFilter" checkboxes="True" runat="server" Width="130px" HighlightTemplatedItems="true" style="margin-left:14px;">

<itemtemplate>
<asp:Label runat="server" ID="lblEventName" Text='<%# Eval("Event_Name")%> '></asp:Label>
<telerik:RadToolTip ID="RadToolTip1" runat="server" Width="150" Height="10" TargetControlID="lblEventName" AutoCloseDelay="8000"
Position="BottomRight" Text='<%# Eval("Event_Desc")%>'>
</telerik:RadToolTip>

</itemtemplate>

</telerik:RadComboBox>

ComboBox

answered on 18 Jun 2014

1 answer

85 views

Sum of all columns

Is there a way to add column (preferably static) at the end of a grid to contain sum of other columns? Thank you

Grid

answered on 18 Jun 2014

2 answers

186 views

DynamicMultiPage with a TabStrip and a LoginView

I am using the TabStrip to dynamically add PageView's to my MultiView as shown in the "RadTabStrip and RadPanelBar for ASP.NET AJAX – Overview" training tutorial.

Everything works 100% fine, until I put it into a LoginView. Once the TabStrip and MultiPage are located inside a LoginView within the AnonymousTemplate (or any other "view" of the LoginView) and I run the code, the first click on any tab causes a Postback to be fired instead of an Ajax-Postback call. Once the postback is completed (i.e. the page is "reloaded") and I click on another tab (not the one I previously clicked), then the Ajax-Postback call happens as it should have the first time. If I place the TabStrip and the Multiview outside the LoginView, the Ajax-Postback call(s) take place as designed.

Has anybody had this kind of an issue before? I do not quite understand why the "first" postback is not handled by the Ajax library ... does anybody have an explanation for this?

I have modified the tutorial code in order to reproduce the error. I have placed the TabStrip and the MultiView within a WebControl. I have removed the comments from the tutorial code. Here ist the code that reproduces the error:

DynamicMultiPage.aspx

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DynamicMultiPage.aspx.cs" Inherits="DynamicMultiPage" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register TagPrefix="UC" TagName="DynamicMultiPage" Src="DynamicMultiPage.ascx" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <telerik:RadScriptManager runat="server"></telerik:RadScriptManager> 
        
                    <telerik:RadAjaxManager runat="server"></telerik:RadAjaxManager> 
        
                    <asp:LoginView runat="server" ID="LoginView1"> 
        
                    <AnonymousTemplate> 
        
                        <UC:DynamicMultiPage runat="server" ID="DynamicMultiPage1" /> 
        
                    </AnonymousTemplate> 
        
                    </asp:LoginView> 
        
                </form> 
        
            </body> 
        
            </html>

DynamicMultiPage.aspx.cs

    
            using System; 
        
            using System.Web.UI.WebControls; 
        
            using Telerik.Web.UI; 
        
            partial class DynamicMultiPage : System.Web.UI.Page 
        
            { 
        
            }

DynamicMultiPage.ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="DynamicMultiPage.ascx.cs" Inherits="DynamicMultiPage" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <script type="text/javascript"> 
        
                function onTabSelecting(sender, args) { 
        
                    if (args.get_tab().get_pageViewID()) { 
        
                        args.get_tab().set_postBack(false); 
        
                    } 
        
                } 
        
            </script> 
        
            <telerik:RadAjaxManagerProxy runat="server"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="RadTabStrip1"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy> 
        
            <div> 
        
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="2" MultiPageID="RadMultiPage1" OnClientTabSelecting="onTabSelecting" OnTabClick="RadTabStrip1_TabClick"> 
        
                    <Tabs> 
        
                        <telerik:RadTab runat="server" Text="Business" PageViewID="RadPageView1"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Employees" PageViewID="RadPageView2"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Customers" PageViewID="RadPageView3" Selected="True"> 
        
                        </telerik:RadTab> 
        
                    </Tabs> 
        
                </telerik:RadTabStrip> 
        
                &nbsp; 
        
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"> 
        
                </telerik:RadMultiPage> 
        
            </div>

DynamicMultiPage.ascx.cs

    
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using Telerik.Web.UI; 
        
            public partial class DynamicMultiPage : System.Web.UI.UserControl 
        
            { 
        
                bool newPageView = false; 
        
                protected void Page_Load(object sender, System.EventArgs e) 
        
                { 
        
                    if (!(Page.IsPostBack)) 
        
                        ViewState["sequence"] = "0"; 
        
                } 
        
                protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e) 
        
                { 
        
                    e.Tab.PageViewID = AddPageView(e.Tab.Text); 
        
                    e.Tab.PageView.Selected = true; 
        
                } 
        
                private string AddPageView(string pageViewID) 
        
                { 
        
                    RadPageView pageView = new RadPageView(); 
        
                    pageView.ID = pageViewID; 
        
                    newPageView = true; 
        
                    RadMultiPage1.PageViews.Add(pageView); 
        
                    return pageViewID; 
        
                } 
        
                protected void RadMultiPage1_PageViewCreated(object sender, Telerik.Web.UI.RadMultiPageEventArgs e) 
        
                { 
        
                    Label contentLabel = new Label(); 
        
                    contentLabel.ID = e.PageView.ID + "content"; 
        
                    int sequence = 0; 
        
                    if ((newPageView)) 
        
                    { 
        
                        sequence = Convert.ToInt32(ViewState["sequence"]) + 1; 
        
                        ViewState["sequence"] = Convert.ToString(sequence); 
        
                    } 
        
                    else 
        
                    { 
        
                        sequence = e.PageView.MultiPage.PageViews.Count; 
        
                    } 
        
                    contentLabel.Text = RadTabStrip1.Tabs[RadTabStrip1.SelectedIndex].Text + " added as page # " + Convert.ToString(sequence); 
        
                    e.PageView.Controls.Add(contentLabel); 
        
                } 
        
            }

TabStrip

answered on 17 Jun 2014

3 answers

45 views

Batch Editing

Hi,
1- How to avoid adding new record when press enter after editing a cell ?

2- How to hide Add new record button ?

Thanks
Mansi

Grid

answered on 17 Jun 2014

3 answers

110 views

RadTreeView node.startEdit and Server Code

Hi,
i have a radtreeview with contextmenu. In javascript i execute following

function onClientContextMenuItemClicking(sender, args) {

selectedoption = args.get_menuItem().get_value();

selectednode = args.get_node();

menuItem = args.get_menuItem();

treeNode = args.get_node();

menuItem.get_menu().hide();

switch (menuItem.get_value()) {

case "FsFolder-Create":

//treeNode.startEdit();

//args.set_cancel(true);

//radprompt('Enter Node Name', promptCallBackFn);

var treeFs = $find('ctl00_MainContent_RadTreeViewFileShare');

treeFs.trackChanges();

var newNode = new Telerik.Web.UI.RadTreeNode();

newNode.set_value(2);

newNode.set_text('New Folder (' + (treeNode.get_nodes().get_count() + 1) + ')');

newNode.set_imageUrl('../Content/Images/TreeView/FolderAllow.png');

treeNode.get_nodes().add(newNode);

treeNode.set_expanded(true);

newNode.startEdit();

// treeFs.commitChanges();

args.set_cancel(true);

break;

case "FsFolder-Rename":

treeNode.startEdit();

args.set_cancel(true);

break;

case "FsFolder-Delete":

if (!clickCalledAfterRadconfirm) {

args.set_cancel(true);

menuItemDel = args.get_menuItem();

radconfirm('Are you sure you want to delete the folder: <b>' + treeNode.get_text() + '</b>', confirmCallBackFn, 300, 120, null, 'Folder Delete');

}

break;

}

hit ENTER this starts the server side event ...NodeEdit.

I need to execute server side ...ContextMenuItemClick after javascript treeNode.startEdit.
Is this possible?

TreeView

answered on 17 Jun 2014