{"id":309,"date":"2014-09-10T12:55:59","date_gmt":"2014-09-10T12:55:59","guid":{"rendered":"http:\/\/mairwa.com\/wordpress\/?p=309"},"modified":"2014-09-10T12:55:59","modified_gmt":"2014-09-10T12:55:59","slug":"how-to-call-usercontrol-in-asp-net-or-js-file","status":"publish","type":"post","link":"http:\/\/mairwa.com\/wordpress\/?p=309","title":{"rendered":"How to call Usercontrol in Asp.Net or Js file"},"content":{"rendered":"

Ascx Page(User control page)—–<\/strong><\/p>\n

<%@ Control Language=”C#” AutoEventWireup=”true” CodeBehind=”WebUserControl1.ascx.cs” Inherits=”WebApplication2.UControls.WebUserControl1″ %>
\n<asp:TextBox ID=”txt1″ runat=”server”><\/asp:TextBox><\/p>\n

Asp.net Page—<\/strong><\/p>\n

<%@ Page Language=”C#” MasterPageFile=”~\/Site.master” CodeBehind=”Default.aspx.cs” Inherits=”WebApplication2._Default” %>
\n<%@ Register\u00a0 Src=”~\/UControls\/UserControlMultipleInstance.ascx”\u00a0 TagName=”UserControlMultipleInstance” TagPrefix=”uc1″%>
\n<%@ Register Src=”~\/UControls\/WebUserControl1.ascx” TagName=”uio” TagPrefix=”kl” %><\/p>\n

<asp:Content ID=”headContent” ContentPlaceHolderID=”head” Runat=”Server”><\/p>\n

<\/asp:Content><\/p>\n

<asp:Content ID=”Content1″ ContentPlaceHolderID=”ContentPlaceHolder1″ Runat=”Server”><\/p>\n

<script type=”text\/javascript” src=”~\/Scripts\/JavaScript1.js”><\/script>
\n<asp:ScriptManagerProxy ID=”ScriptManagerProxy1″ runat=”server” \/><\/p>\n

<h2>My tables<\/h2>
\n<div id=”div1″>
\n<kl:uio ID=”UserControlMultipleInstance1″\u00a0 runat=”server” \/>
\n<\/div>
\n<br \/>
\n<div id=”div2″>
\n<kl:uio ID=”UserControlMultipleInstance2″\u00a0 runat=”server” \/>
\n<\/div>
\n<br \/>
\n<div id=”div3″>
\n<kl:uio ID=”UserControlMultipleInstance3″\u00a0 runat=”server” \/>
\n<\/div><\/p>\n

<br \/><br \/>
\n<asp:Button ID=”Button1″ runat=”server” onclick=”Button1_Click” ClientIDMode=”Static”
\nText=”Call UserControl Instance1″ \/>
\n&nbsp;&nbsp;
\n<asp:Button ID=”Button2″ runat=”server” onclick=”Button1_Click” onClientClick=”abc();”
\nText=”Call UserControl Instance2″ \/>
\n&nbsp;&nbsp;
\n<asp:Button ID=”Button3″ runat=”server” onclick=”Button1_Click” onClientClick=”abc();”
\nText=”Call UserControl Instance2″ \/><\/p>\n

<\/asp:Content><\/p>\n

<\/strong><\/p>\n

—-In Js file<\/strong><\/p>\n

var ContainerId;<\/p>\n

function SetContainerID(ParentContainerID) {
\nContainerId = ParentContainerID;
\n}<\/p>\n

function abc(ParentContainerID) {
\n\/\/var ParentContainerID=’div1′;
\nSetContainerID(ParentContainerID);
\nalert(“TextBox Contentx: ” + $(‘#’+ContainerId+’ [id$=txt1]’).val());
\n}<\/p>\n

 <\/p>\n

—If codebehind use–<\/strong><\/p>\n

protected void Button1_Click(object sender, EventArgs e)
\n{
\n\/\/Control ctrl = “”;
\nTextBox ctrl1 = UserControlMultipleInstance1.FindControl(“txt1”) as TextBox;<\/p>\n

string de=ctrl1.Text;
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"

Ascx Page(User control page)—– <%@ Control Language=”C#” AutoEventWireup=”true” CodeBehind=”WebUserControl1.ascx.cs” Inherits=”WebApplication2.UControls.WebUserControl1″ %> <asp:TextBox ID=”txt1″ runat=”server”><\/asp:TextBox> Asp.net Page— <%@ Page Language=”C#” MasterPageFile=”~\/Site.master” CodeBehind=”Default.aspx.cs” Inherits=”WebApplication2._Default” %> <%@ Register\u00a0 Src=”~\/UControls\/UserControlMultipleInstance.ascx”\u00a0 TagName=”UserControlMultipleInstance” TagPrefix=”uc1″%> <%@ Register Src=”~\/UControls\/WebUserControl1.ascx” TagName=”uio” TagPrefix=”kl” %> <asp:Content ID=”headContent” ContentPlaceHolderID=”head” Runat=”Server”> <\/asp:Content> <asp:Content ID=”Content1″ ContentPlaceHolderID=”ContentPlaceHolder1″ Runat=”Server”> <script type=”text\/javascript” src=”~\/Scripts\/JavaScript1.js”><\/script> <asp:ScriptManagerProxy ID=”ScriptManagerProxy1″ runat=”server” \/> <h2>My tables<\/h2> <div id=”div1″> <kl:uio ID=”UserControlMultipleInstance1″\u00a0 runat=”server” \/> <\/div> <br… Read more →<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-309","post","type-post","status-publish","format-standard","hentry","category-c-vb","xfolkentry"],"_links":{"self":[{"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=309"}],"version-history":[{"count":0,"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/309\/revisions"}],"wp:attachment":[{"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=309"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mairwa.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}