initialising a pop up window

[shashiMember]

Hi,,

I kept a jqxbutton in the popup window. And I have written some functions for its onclick() event and onserverclick() events. But when ever I click the button onclick() is working fine but the page is not submitting for executing the server code. How should i achive it.

I have seen somewhere that I should initialize the button in window in initContent:–. Is it for that reason I am unable to submit the page on button click? Please help me.

[Peter StoevKeymaster]

Duplicate post: http://www.jqwidgets.com/community/topic/submit-buttons-in-window/

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shashiMember]

Hi ,

This is not a modal window. Here it is a window showing as popup. It is not a duplicate post
Please answer this.

$(document).ready(function () {
            $('#popupWindow').jqxWindow({
                initContent: function () {
                    $("#btnCreateCamp").jqxButton({ height: 40 });
                }
            });
<div id="popupWindow" style="visibility: hidden">
         <div style="overflow: hidden;">
         <table class ="center" >
           
             <tr>   
                 <td>
                      <asp:Label ID="lblcmpName" runat="server" Text="Campaign Name : "></asp:Label>
                 </td>
                 <td>
                      <input type="text" id="txtCmpgnName" runat="server" style="border: thin groove #000000; width: 120px; height: 20px;" />
                 </td>
             </tr>
               
              <tr>   
                 <td>
                      <asp:Label ID="lblCampDesc" runat="server" Text="Description : "></asp:Label>
                 </td>
                 <td>
                       <input type="text" id="txtDesc" runat="server" style="border: thin groove #000000; width: 120px; height: 20px;" />
                 </td>
             </tr>
             <tr>   
                 <td colspan="2">
                  
                     
                      <input type="button" value="Button" id='btnCreateCamp' runat="server" onserverclick="btnCreateCamp_ServerClick" onclick="return newcamp()" />
                 </td>
                
             </tr>
             <%-- <tr>   
                 <td>
                      <asp:Label ID="lblClonecamp" runat="server" Text="Clone Campaign : "></asp:Label>
                 </td>
                 <td>
                      <div id='ddlCloneCamp'>
                       </div>
                 </td>
             </tr>
              <tr>   
                 <td>
                      <asp:Label ID="lblMode" runat="server" Text="Save Mode : "></asp:Label>
                 </td>
                 <td>
                      <div id='ddlMode'>
                       </div>
                 </td>
             </tr>--%>
         </table>
        </div>
    </div>

[Peter StoevKeymaster]

Hi shashi,

1. jqxWindow is not initialized correctly. It requires two DIV tags – 1 for header and another DIV tag for content. You should place your custom content inside the second DIV tag. For text and images content, use the first DIV tag. The information from the first DIV tag is for the window’s header.

2. To catch the “click” event of jqxButton, use the jQuery’s click method.

$("#button").click(function(event)
{
    alert('clicked');
});

You can do that in the “initContent”.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shashiMember]

Can u please give the code for init content for the above requirement.

[Author]

Posts