How to make readonly in Gridview textbox calendar controls in Footer Template

Question

I am developing web based application.

i used gridview and it contains Footer Template for input entry.

almost i done all the functionality.

but, for the validation especially for footer template i need help to solve this.

how to make readonly gridview footer template textbox calendar control
How to validation numeric and decimal on keypress in another textbox for the same.

footer template is new for me and i am also trying the better solution.

if you find any, pls. share the javascript validation (onkeypress) and readonly for date control.

below is my sample design code:



    


    
        
        
            
                
                    
                        
                            
                                
                                
                                
                            
                            
                                
                            
                        
                    
                
                
                    
                        <%# Eval("Name") %>
                    
                    
                        
                    
                

                
                    
                        <%# Eval("Country") %>
                    
                    
                        
                    
                
                
                    
                    
                    
                        
                            
                            
                            
                        
                    
                
 
                    
                        <%# Eval("PayAmount") %>
                    
                    
                        
                    
                
                
                    
                        <%# Eval("FileName") %>
                    
                    
                        
                    
                
                
                    
                        
                    
                
            
            
                
                    Customer Name
                    Name
                    Country
                    DOB
                    Upload

Accepted Answer

Hi @Gani_tpt,

how to make readonly gridview footer template textbox calendar control

set readonly on Page_Load.

protected void Page_Load(object sender, EventArgs e)    
{    
if (!IsPostBack)    
{    
 TextBox txtDOB = control.FindControl("txtDOB") as TextBox;
 txtDOB.Attributes.Add("readonly", "readonly");    
}    
}

How to validation numeric and decimal on keypress in another textbox for the same.> But, i am using gridview footer template textbox and i am not sure how to call the above validation script in footer template textbox.

Change the code to this:

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer

Your markup up is invalid. The markup editor underlines the error and if not fixed the Web Page will not compile. Please share working code when asking for assistance on the forums.

How to make readonly gridview footer template textbox calendar control

The TextBox has a ReadOnly attribute, the calendar extender has an enabled property (inherited from ExtenderControlBase) and the Image control has a Visible property (inherited from Control) .

You've provided no information as to how read only mode is entered. I can only guess how your logic is intended to function. The best I can do is show how to programmatically set server control properties.

How to validation numeric and decimal on keypress in another textbox for the same.

The TextBox control has a TextMode attribute which renders an HTML 5 inputs. Set the attribute to "Number". The user can only enter numeric values including the decimal character.

Demo code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridViewFooter.aspx.cs" Inherits="WebFormsDemo.Gridviews.GridViewFooter" %>





    


    
        
        
            
                
                    
                        
                            
                                
                                
                                
                            
                            
                                
                            
                        
                    
                
                
                    
                        <%# Eval("Name") %>
                    
                    
                        
                    
                

                
                    
                        <%# Eval("Country") %>
                    
                    
                        
                    
                
                
                    
                    
                    
                        
                            
                            
                                
                                
                            

                        
                    
                
                
                    
                        <%# Eval("PayAmount") %>
                    
                    
                        
                    
                
                
                    
                        <%# Eval("FileName") %>
                    
                    
                        
                    
                
                
                    
                        
                    
                
            
            
                
                    Customer Name
                    Name
                    Country
                    DOB
                    Upload
                    
                
                
                    
                        
                            
                                
                                
                                
                            
                            
                                
                            
                        
                    
                    
                        
                    
                        
                    
                    
                        
                        
                        
                    
                    
                        
                        
                <%----%>

Code behind

using AjaxControlToolkit;
using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebFormsDemo.Gridviews
{
    public partial class GridViewFooter : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack) {
                gvCustomers.DataSource = PopulateDataSource();
                gvCustomers.DataBind();
            }
        }


        protected List PopulateDataSource()
        {
           return new List {
                    new ViewModel() { CustomerName = "Les Paul", Country="USA", DOB=DateTime.Now.ToShortDateString(), Name="Les", PayAmount=123.45m, FileName="File1"},
                    new ViewModel() { CustomerName = "Leo Fender", Country="USA", DOB=DateTime.Now.ToShortDateString(), Name="Leo", PayAmount=678.90m, FileName="File1"}
            };
        }

        protected void ddlCustomer_SelectedIndexChanged(object sender, EventArgs e)
        {

        }

        protected void ddlCustomers_SelectedIndexChanged(object sender, EventArgs e)
        {

        }

        protected void Add(object sender, EventArgs e)
        {

        }

        protected void gvCustomers_DataBound(object sender, EventArgs e)
        {
            GridView grid = (GridView)sender;
            GridViewRow footerRow = grid.FooterRow;

            //Set the DOB control to readonly
            TextBox amount = (TextBox)footerRow.FindControl("txtDOB");
            amount.ReadOnly = true;

            //Disable the calendar 
            CalendarExtender calendar = (CalendarExtender)footerRow.FindControl("CalendarExtender1");
            calendar.Enabled = false;

            Image calendarImage = (Image)footerRow.FindControl("btnDate1");
            calendarImage.Visible = false;

        }
    }

    public class ViewModel
    {
        public string CustomerName { get; set; }
        public string Name { get; set; }
        public string Country { get; set; }
        public string DOB { get; set; }
        public decimal PayAmount { get; set; }
        public string FileName { get; set; }
    }
}

Share via

How to make readonly in Gridview textbox calendar controls in Footer Template

1 additional answer

Your answer