.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Need urgent help using JQuery DatePicker inside asp.net user control

Posted By:      Posted Date: August 31, 2010    Points: 0   Category :ASP.Net
Hello,I am able to use the DatePicker inside an aspx page with no problem at all but when I try to use that inside a usercontrol it gives me an error "Object expected"I have the links to my Jquery css and script files from the master page and have the following code inside a usercontrol:<script type="text/javascript"><!--    $(document).ready(function() {    var txt1 = document.getElementById('<%= txtDate.ClientID %>');    $(txt1).datepicker({ dateFormat: 'dd/mm/yy', duration: ''   });    });          // --></script><asp:TextBox ID="txtDate" runat="server"></asp:TextBox>

View Complete Post

More Related Resource Links

User Control with JQuery doesnot work inside update panel


Hi All,

I created a .NET user control to work as a DropdownCheckbox and added Jquery to give the sliding and hide effects. The code is as below:

 <script language="javascript" type="text/javascript">
        var showRegionWindow = function (ev) {
            var pos = $("#lnkChangeRegion").offset();
            var width = 230;
            var height = 55;
            //$("#changeRegionPanel").css({ "left": +((pos.left) - 215) + "px", "top": height + 16 + "px" });.
            document.getElementById("lnkChangeRegion").style.display = 'none';

        var hideRegionWindow = function (ev) {
            var textVal = "";

how to get an array of all the asp.net textbox control inside create user wizard control?



How can I get all the textboxes inside a create user wizard control using getElementsByTagName().

Below is my JQuery code:

<script type="text/javascript">
        function addLoadEvent(func) {
            var oldonload = window.onload;
            if (typeof window.onload != 'function') {
                window.onload = func;
            } else {
                window.onload = function() {

        function prepareInputsForHints() {
            var inputs = document.getElementsByTagName("asp:TextBox");
            for (var i = 0; i < inputs.length; i++) {
                inputs[i].onfocus = function() {
                    this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
                inputs[i].onblur = function() {
                    this.parentNode.getElementsByTagName("span")[0].style.display = "none";



<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

find a Control inside a GridView using jQuery


I have databound GridView in my page and I have a hidden DIV in all rows. Each row contains a Button that I want it to make the DIV visible for me! how can I use that with jQuery?!

here is the code page: 

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
                                EnableModelValidation="True" GridLines="None" ShowHeader="False" Width="100%">

Jquery date picker in ASP.NET Web user control does not work


Hello, I have the most frustrating problem and being new to JQuery does make it more difficult. I have an ASP.NET web user control with an ASP.NET box which I want to apply a JQuery date picker to, then of course I have server side code which takes the date and processes it etc. The date picker will not work. I can achieve a working JQuery date picker with an ASP.NET textbox if there is no user control involved, or within the user control I use a html text box instead, but once I add runat="server" to the text box, it does not work. Is there a way I can achieve this? (the web user control will be wrapped in an update panel too which at the moment will work with the html control/web user control without the server side functionality)

<%@ Register TagPrefix="TE" TagName="JobHistory" Src="test.ascx"%>

<!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">


    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <link h

User control or sub-form inside tab-pages? Best practice?

I've got a Windows Forms application with numerous tab-pages within a tab-control. Each tab-page is a diffirent user entry form with different controls of varying types. As the application is fairly large it is important that more than one developer can work on it simultaneously. Thus we decided to create a form for each tab so that different developers could work on different forms at the same time without overwriting each other's code. Each of these "sub-forms" are then assigned its relevant container tab-page as its parent. This works well but I was wondering if this is good practice or not, after another colleague commented that we are making forms look like user controls and that we should rather be creating a user control for each tab. I've converted two of the forms to user controls with relative ease and it does work nicely as well but with one draw back. On the main parent form, e.g. frmMain, where the tab control lives, there is one single button the clear the current display. When you click "Clear display" it clears various others items displayed on the main from, finds the current selected tab and clears its contents. The latter is easy to do with sub forms as I can simply close and dispose the sub form inside the selected tab, and load a new instance. I don't have to write custom logic to go and reset/clear each control on that form. Thi

User control inside Updatepanel

Hi,I have a custom control created to autofill the box as typed in. Its working great. But if I put the control inside an Update Panel, it works for the full postback but if partial postback happens (because of the update panel), it does not work. Please advise me. This is very critical for me. Thank you all Kiran

Tab Panel inside a User control - null referance to text box with set properties

Hi guys, Im having problems with the following: I have a user control which has a tabbed panel inside, I then have a public property which populates a textbox inside the tabbed panel, HOWEVER when I access the property on my ASPX page, it give me a null referance to textbox, I have tried using findControl but still finds nothing, Please help!! ASPX PAGE  <Registration:UserDetails UserID="23" ID="RegistrationUserDetails" runat="server" /> USER CONTROL<cc1:TabContainer ID="TabContainerRegistration" runat="server" ActiveTabIndex="1" > <cc1:TabPanel runat="server" ID="TabPanelAccessDetails" HeaderText="Access details"> <ContentTemplate> <table> <tr> <td>User ID</td> </tr> <tr> <td><asp:TextBox ID="UserIDTextBox" ReadOnly="true" runat="server" SkinID="InputBoxes"></asp:TextBox></td> </tr> </table> </ContentTemplate> </cc1:TabPanel> </cc1:TabContainer> CODE BEHINDprivate int _UserID; public int UserID { set { TextBox tb = (TextBox)TabContainerRegistration.

how to expose a dependecypeoperty of a control hosted inside anther one in a user defined control




I have a user defined control.

It inherit from grid and it has many controls in it and one of it is a textblock


I what to expose the dependecyproperty of the textbox how can I do this



I mean i want to do something like



dim MyControl as mycontrol

mycontrol.fontfamily    wher the fontfamily is actually   mycontrol.innertextblock.fontfamily



CalendarExtender loses style when placed inside a web user control.


I'm losing the format of the calendarExtender when I include it within a web user control. The code below is included within a user control. The user control is then dropped onto a page.

<asp:UpdatePanel id="UpdatePanel1" runat="server">
        <asp:GridView ID="GridView1" runat="server"
            AllowPaging="True" AllowSorting="True"
            EmptyDataText="There are no data records to display.">
                <asp:TemplateField HeaderText="Target_Date" SortExpression="Target_Date">

Any Example Jquery user Control DJ v1.1.15


Any Example Jquery user Control  DJ v1.1.15

JQuery & dynamically instantiated User control



I have one problem which needs to be resolved immediately. I am using JQuery Datatable (http://www.datatables.net/).

This JQuery datatable is present in one of my webuser control named "LeftVerticalLayOut.ascx". I am dynamically instantiating Webusercontrol on click of a link button. This link button is bound with the trigger event of Update Panel control.

So clarifying once again : I have one UpdatePanel which I am triggering with Link button("lnkLoadControl") . On click on "lnkLoadControl" I am able to load Usercontrol("LeftVerticalLayOut.ascx") onto the updatepanel. Now the jquery datatable I am creating in load event of Usercontrol is getting generated.


After the datatable(having id as "example") is created, I am calling the below code in my

function loadHandler()

function BeginRequestHandler(sender, args)

function EndRequestHandler(sender, args)

Jquery scripts in user control works fine in explorer but not in Safari/Firefox



Hi everyone,

I've used some Jquery scripts for toggling image on a web user control, it work fine in explorer but got no signs of life in firefox!

Here the code for a test form in plain html (this works on every browser):

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/toggle.js"></script>

<div id="invisible">
   <a href="images/accurate.gif" class="swap" rel="lightbox"><img src="images/polaroid_control.gif" id="showimage" /></a>
But i need to use it in a user control so i got:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="gallery_admin_search.ascx.cs" Inherits="CMS_GalleryControl" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<div id="invisible">
    <img src="images/polar

.Net custom user control buttons (events) not firing in Jquery Modal Popup


I have a custom control, that has takes some information from user and submit to the database. it is working fine in normal aspx pages. but when i display that custom user control in jQuery modal popup. The events does not fire or lets say the data is not submitted to the database.

any help on that?

Bind() inside Templated User Control inside InsertItemTemplate does not bubble values up to the Obje


I have a ObjectDataSource and a ListView referencing it.

I have created a Templated User Control (see: http://msdn.microsoft.com/en-us/library/36574bf6.aspx) and placed it in the ListView's InsertItemTemplate

It has one template <ContentTemplate>. Inside that template, I've defined a couple of server controls with their properties = '<%# Bind("colName") #>'.

See below:

            <uc:InsertItemRow ID="ucInsertItemRow" runat="server">

JQuery is not working on User Control



I have a user control, which contains a textbox and Jquery mask for a date format. When I have this code on aspx everything is fine, but when I migrate this to an ascx and run the code again, the mask isn't working. 

The JQuery and the Jquery plugin I am using I have placed on the ascx and then pushed it back to the aspx, but it doesn't work. What am I doing wrong?


Accessing the different controls inside a GridView control

how we can access a particular control which resides inside a GridView control. In this article I will show you how you can access different controls inside a GridView control. We will see how we can access a TextBox control, a DropDownList control and a ListBox control. If you are working with ASP.NET 1.X then you might want to check out my article Accessing Different Controls Inside a DataGrid.

How To Add calendar control inside a GridView

This article show hot to add calendar control inside a GridView with code in c#
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend