Questions on UI for ASP.NET AJAX Forum

3 answers

108 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

439 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

106 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

121 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

88 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

395 views

how to remove Chart Series border color

Chart (Obsolete)

answered on 23 Feb 2012

0 answers

94 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

56 views

Groupby a column and sort the entire grid by another column

Hello

Grid

asked on 22 Feb 2012

2 answers

154 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

14 answers

240 views

DateTimePicker vs. ObjectDataSource and Validation

Greetings,

first of all I have to say that I like DateTimePicker and other calendar controls. Thus my frustration is much more deeper. I have a validator which is able to validate a date against desired date format. But with RadDateTimePicker it's useless, because date string, which is supplied to the validator is in strange only-dash-separated format (e.g. 2010-05-12-01-31-00 - I understood it is ValidationDate property). Now there is a bad security problem, when one turns his javascript off, and enters a date the format supplied to the validator will be different. When my validator expects format like 'yyyy/MM/dd' it is able to validate it when someone cheats. But when normal user enters a date and it is deformed by the DateTimePicker control, it cannot be validated against desired format 'yyyy/MM/dd'. Now it is NOT STANDARD behaviour. I expect that the control won't modify standard behaviour. It's Microsoft's job to disobey standards, please, don't do so... The controls should only sweeten one's work, but should not deform the values input by user.

I have read lots of posts on this problem, ClientEvents-OnError as the best proposed solution is not still validation and works only on client-side. Another proposion to use SelectedDate in server validation method also does not work as it is null on all invalid inputs and validator returns true. And RangeValidator, it's the same thing. Any other working solution, that everybody is still awaiting?

All solutions are welcome.

Calendar

answered on 22 Feb 2012