Questions on UI for ASP.NET AJAX Forum

7 answers

235 views

RadGrid FilterTemplate RadCombo SelectedIndexChanged not firing

The RadGrid FilterTemplate RadCombo SelectedIndexChanged not firing in the code below. Am I missing something?

<telerik:RadGrid ID="gridVers" runat="server"

AutoGenerateColumns="False"

OnItemDataBound="GridVers_ItemDataBound"

Width="960px" AllowSorting="True"

OnItemCommand="GridVers_ItemCommand" OnNeedDataSource="GridVers_NeedDataSource" EnableViewState="true" AllowFilteringByColumn="true" OnItemCreated="gridVers_OnItemCreated" OnSortCommand="GridVers_SortCommand" GridLines="None" >

<MasterTableView DataKeyNames="VerbatimId" TableLayout="Fixed" UseAllDataFields="true">

<Columns>

<telerik:GridBoundColumn UniqueName="VerbatimMarked" AllowFiltering="true" DataField="IsMarkedDisplay" HeaderText="Marked">

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle Width="50px" HorizontalAlign="Center" Font-Underline="true" />

<FilterTemplate>

<telerik:RadComboBox runat="server" Width="50px" ID="rcbFilterMarked"></telerik:RadComboBox>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="VerbatimId" AllowFiltering="true" SortExpression="VerbatimId" HeaderStyle-Width="75px" HeaderText="ID" DataField="VerbatimId">

<FilterTemplate>

<telerik:RadComboBox runat="server" Width="75px" ID="rcbFilterLinkId"></telerik:RadComboBox>

</FilterTemplate>

<ItemTemplate>

<asp:LinkButton ID="lnkVerbatim" style="text-decoration: underline;" CommandName="DetailVerbatim" runat="server" Text='<%# Eval("VerbatimId")%>'>

</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="VerbatimText" AllowFiltering="true"

DataField="VerbatimText" HeaderText="Verbatim"

DataType="System.String" >

<FilterTemplate>

<asp:TextBox runat="server" ID="txtFilterText"></asp:TextBox>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Specialty" AllowFiltering="true"

HeaderStyle-Width="60px" DataField="Specialty" HeaderText="Spec"

DataType="System.String" >

<FilterTemplate>

<telerik:RadComboBox runat="server" Width="60px" ID="rcbFilterSpec"></telerik:RadComboBox>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ContactDate" AllowFiltering="true"

HeaderStyle-Width="80px" DataField="ContactDate" HeaderText="DT"

DataFormatString="{0:MM/dd/yyyy}" DataType="System.DateTime" >

<FilterTemplate>

<telerik:RadComboBox runat="server" Width="80px" ID="rcbFilterContact"></telerik:RadComboBox>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="State" AllowFiltering="true"

HeaderStyle-Width="30px" DataField="State" HeaderText="State"

DataType="System.String" >

<FilterTemplate>

<telerik:RadComboBox runat="server" Width="30px" ID="rcbFilterState" AutoPostBack="true" OnSelectedIndexChanged="FilterCombo_SelectedIndexChanged"></telerik:RadComboBox>

</FilterTemplate>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" >

<Scrolling AllowScroll="True" ScrollHeight="400px" UseStaticHeaders="True" />

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 23 Feb 2012

3 answers

112 views

RadGrid Filter

Hi Support ,

I'm using a rad grid in one of my business application , I can successfully show data in UI page (yes , I'm using simple asp.net application, no mvc/mvp pattern). In my certain Header column (for e.g. student name column, student address column etc......) I used Filter by using AllowFilteringByColumn="True"
1. now my first requirement is can I show in filter in textbox a default value like "--No Filter---" or "--Choose Filter ---" for user better understanding what they need to do with these filtering textboxes .

This is my First question , Hope can I able to explain , pl help me give your reply

Grid

answered on 23 Feb 2012

4 answers

444 views

[?] How can I bind a GridDropDownColumn with a list in code behind?

Hello All,
I have a RadGrid with a GridDropDownColumn. I want it contain a few item. this is my code:
code design:
<Columns>
<telerik:GridDropDownColumn DataField="TinhTrang" UniqueName="clTinhTrang" HeaderText="Tình trạng">
</telerik:GridDropDownColumn>
</Columns>
code behind:
?????
thanks all.
Tan

Grid

answered on 23 Feb 2012

1 answer

109 views

Export to excel in grid is not working

Hi have included export to excel button in telerik grid. with below code export to excel is not working.. couldn't figure out whats the error
is..Help me out.
below is my code.
<div>
        <telerik:RadGrid ID="rdGrdBudgetAssignment" runat="server" AllowPaging="true" AutoGenerateColumns="false"
            PageSize="15" GridLines="None" CssClass="radgrid" AllowFilteringByColumn="true"
            Width="100%" Skin="Office2007" OnPageIndexChanged="rdGrdBudgetAssignment_PageIndexChanged"
            OnItemCommand="rdGrdBudgetAssignment_ItemCommand">
            <clientsettings>
                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
            </clientsettings>
            <pagerstyle mode="NextPrevAndNumeric" />
            <exportsettings exportonlydata="false" ignorepaging="true" openinnewwindow="true"
                hidestructurecolumns="true">
            </exportsettings>
            <mastertableview allowpaging="true" allowfilteringbycolumn="true" commanditemdisplay="Top"
                width="100%">
                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
                <CommandItemSettings ExportToExcelText="Export To Excel" ShowExportToExcelButton="true" ShowRefreshButton="false" ShowAddNewRecordButton="false" />
               <%-- <CommandItemSettings ExportToExcelText="Export To Excel" ShowExportToExcelButton="true"
                    ShowAddNewRecordButton="false" ShowRefreshButton="false" /> --%>
                <Columns>
                    <telerik:GridTemplateColumn HeaderText="Budget ID" UniqueName="BudgetID" DataField="budhdrtky"
                        Visible="true" ReadOnly="true">
                        <ItemTemplate>
                            <asp:LinkButton ID="lnkBtnBudgetId" runat="server" Text='<%#Eval("budhdrtky")%>'></asp:LinkButton>
                        </ItemTemplate>
                        <HeaderStyle Width="130px" />
                        <ItemStyle Width="130px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn HeaderText="Product Level" DataField="prdlvldsc" UniqueName="ProductLevelDesc">
                        <HeaderStyle Width="140px" />
                        <ItemStyle Width="140px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn HeaderText="Product" DataField="prdgrpcoddsc" UniqueName="Product">
                        <HeaderStyle Width="170px" />
                        <ItemStyle Width="170px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn Visible="true" UniqueName="imgbtnFirst">
                        <ItemTemplate>
                            <asp:ImageButton ID="imgbtnFirst" runat="server" OnClick="btnFirstOnClick" Width="15px"
                                Height="15px" ImageUrl='<%# Eval("stsflg").ToString() =="S" ? "../IMages/MoveDown.gif" :"../IMages/Cancel.gif"%>'
                                ToolTip='<%# Eval("stsflg").ToString() =="S" ? "Reject" :"Cancel"%>' />
                        </ItemTemplate>
                        <HeaderStyle Width="105px" />
                        <ItemStyle Width="105px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn Visible="true">
                       <ItemTemplate>
                            <asp:ImageButton ID="imgbtnSecond" runat="server" OnClick="btnSecondOnClick" Width="15px"
                                Height="15px" ImageUrl='<%# Eval("stsflg").ToString() =="S" ? "../IMages/MoveUp.gif" :"../IMages/Submit.gif"%>'
                                ToolTip='<%# Eval("stsflg").ToString() =="S" ? "Approve" :"Submit for Approval"%>' />
                        </ItemTemplate>
                        <HeaderStyle Width="105px" />
                        <ItemStyle Width="105px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn HeaderText="Year Sales" DataField="totsal" ItemStyle-HorizontalAlign="Right">
                        <HeaderStyle Width="140px" />
                        <ItemStyle Width="140px" />
                    </telerik:GridBoundColumn>
                </Columns>
            </mastertableview>
            <clientsettings allowcolumnsreorder="true" reordercolumnsonclient="true">
                <Resizing EnableRealTimeResize="true" AllowColumnResize="true" />
            </clientsettings>
        </telerik:RadGrid>
    </div>

Regards,
Akki

Grid

answered on 23 Feb 2012

1 answer

127 views

Delete Button in the Edit Form Settings.

Hello,

I am curious to know if I can have a "Delete" button in my <EditFormSettings> tag. Currently it is being displayed in the same line as my record. I am interested to have it displayed inside of the Edit panel, next to the Update and Cancel buttons. Attached is a screen shot of what I have...

Any direction on how I can achieve this is so appreciate it. I already spend a few days researchign for this in the web...

Thanks!!
Mariella.

Grid

answered on 23 Feb 2012

3 answers

91 views

Chart SaleAmount and SalesTarget

Hi,

Base on this post ; i able to draw the Base line like figure 1.0 below

Figure 1.0

Problem (Sale and SalesTarget In one column show like below figure: 1.1)
How can i integrate the saleAmount and the SaleTarget show like example below

Figure 1.1

Or Dynamic Draw the MarkZone in each column as SaleTarget like Figure 1.2 below

Figure 1.2

Regarding,
Tan

Chart (Obsolete)

answered on 23 Feb 2012

4 answers

408 views

how to remove Chart Series border color

Chart (Obsolete)

answered on 23 Feb 2012

0 answers

97 views

How to Hide telerik:GridTemplateColumn on the ClientSide

i have defined the Following Template Column

<telerik:GridTemplateColumn UniqueName="Select">

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

and i want to hide this Column on the client side like this

<telerik:GridTemplateColumn UniqueName="Select" Visible='<%# CheckboxVisibleCheck(Eval("Column3").ToString)%>'>

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

How can i achieve this

Grid

asked on 22 Feb 2012

0 answers

60 views

Groupby a column and sort the entire grid by another column

Hello

Grid

asked on 22 Feb 2012

2 answers

159 views

ItemCommand event not firing with ImageButton

I tried with the following markup and code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="InvestorWeb.test" %>

<%@ 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></title>

</head>

<body>

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

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

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" MinDisplayTime="500"

Skin="Metro">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ImgEdit">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="LinkButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" EnableAJAX="true">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AutoGenerateColumns="false"

AllowPaging="true" PageSize="20" Width="900px" Skin="Metro"

onitemcommand="RadGrid1_ItemCommand">

<ClientSettings>

<Selecting AllowRowSelect="True" />

<Resizing AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="true"

EnableRealTimeResize="true" />

</ClientSettings>

<MasterTableView TableLayout="Fixed">

<Columns>

<telerik:GridBoundColumn DataField="RoleID" UniqueName="RoleID" HeaderText="Role ID">

<HeaderStyle Width="100px" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RoleName" HeaderText="Role Name">

<HeaderStyle Width="500px" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="Description" HeaderText="Description">

<HeaderStyle Width="270px" HorizontalAlign="Center" />

</telerik:GridNumericColumn>

<telerik:GridTemplateColumn HeaderStyle-CssClass="editItem" FooterStyle-CssClass="editItem"

ItemStyle-CssClass="editItem">

<HeaderStyle Width="30px" />

<ItemTemplate>

<asp:ImageButton ID="ImgEdit" runat="server" ImageUrl="Images/edit.png" Height="15px"

Width="15px" ToolTip="Click Here to Edit" CommandName="Edit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<asp:LinkButton ID="LinkButton1" runat="server">Add Reports</asp:LinkButton>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" EnableAJAX="true" runat="server" Width="900px"

Height="200px">

</telerik:RadAjaxPanel>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

namespace InvestorWeb

{

public partial class test : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

DataTable dt = new DataTable();

dt.Columns.Add("RoleID");

dt.Columns.Add("RoleName");

dt.Columns.Add("Description");

for (int i = 1; i < 80; i++)

{

dt.Rows.Add(i, "Report" + i, "Desc" + i);

}

RadGrid1.DataSource = dt;

RadGrid1.DataBind();

}

protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

}

RadGrid1_ItemCommand is not firing only for ImageButton, but it worked fine when I tried with Button, LinkButton

I am using
latest update of Teleric as of today,
Microsoft Visual Studio 2010 Professional - Version 10.0.30319.1 RTMRel,
Running on .NET framework 4.0

Grid

answered on 22 Feb 2012