Monday, August 20, 2018

Ajaxtool kit example


Step 1 : Download ajax control download

Step 2: Regidter in web.config file
<configuration>
  <connectionStrings>
     <add name="WWL" connectionString="Server=111.11.111.11;DatabaseMurali; User   ID=developer;Password=sqlserver" providerName="System.Data.SqlClient"/>
  </connectionStrings>

    <system.web>
      <pages>
        <controls>
           <add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>
        </controls>
      </pages>
</system.web>
   
Step 3:
 Go to page paste belowe code

<%@ Registerassembly="System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="System.Web.UI"tagprefix="ajaxToolkit"%>

Step 4:
Go to Ajax Control and drag and drop in page
1
         1)
 <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

2      2)
      <asp:Panel ID="popup" runat="server"Width="1350px"Height="600px"ScrollBars="Both"BackColor="White">
         <asp:Button ID="btncancel" runat="server" Text="Button" />
       ffffffffffffff
       ggggg
       ggg
       gggg
        </asp:Panel>
  
3    3)
         <ajaxToolkit:ModalPopupExtender ID="modalp"runat="server"TargetControlID="btnclick"CancelControlID="btncancel"PopupControlID="popup"Drag="true"DropShadow="true">
    </ajaxToolkit:ModalPopupExtender>
note(3 step please rewrite in code if you copy and paste it not work)

How to add Calender 



 <td>
      <asp:TextBox ID="txtthree" runat="server"></asp:TextBox>
     <asp:Button ID="btnthree" runat="server" Text="select date" />
     <ajaxToolkit:CalendarExtender ID="cal2" PopupButtonID="btnthree" runat="server"           TargetControlID="txtthree" Format="dd/MM/yyyy"></ajaxToolkit:CalendarExtender>
 </td>







No comments: