jQuery Forum

2.  $(document).ready(function () {
3.             $("#div_Detail").dialog({
4.                 autoOpen: false,                
5.                 buttons: {
6.                     Ok: function () {
7.                         $(this).dialog("close");
8.                     }
9.                 }
10.             });
11. 
    
12.             $("#lbSelect").click(function () {
13.                 $("#div_Detail").dialog("open");
14.                 return false;
15.             });
16.         });

<%@ Page Title="Redacted" Language="VB" MasterPageFile="~/MasterPage.master" %>

<script runat="server">
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <meta charset="utf-8" />    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <h2>Sample Page</h2>

    <p>Typical content goes here.</p>

<%--
   The menu is bound to the sitemapdatasource. 
   Making a manual UL that I need to update as the sitemap changes is not feasible.
   I need to be able to adapt the menu control so that it is a vertical accordion menu.
--%>    
    <asp:SiteMapDataSource ID="sdsSitemap" runat="server" />    
    <asp:Menu ID="Menu1" runat="server" DataSourceID="sdsSitemap"></asp:Menu>
</asp:Content>

1. required: function (element) { return Insert_Clicked; },
2. number:function (element) { return Insert_Clicked; }

2. $(document).ready(function () {    
3.     var Insert_Clicked = false;
4.     var Update_Clicked = false;
5. 
   
6.     $('#form1').validate({        
7.         rules: {
8.             // This is the NAME -- not the ID -- of the control as it appears in the browser, where the textbox is set to have a static clientid
9.             ctl00$ContentPlaceHolder1$fvAddRequest$txtQtyOrder_i: {
10.                 required: function (element) { return Insert_Clicked; },
11.                 number:true
12.             },       
13.             ctl00$ContentPlaceHolder1$fvAddRequest$txtQtyHand_i: {
14.                 required: function (element) { return Insert_Clicked; }
15.             },
16.             ctl00$ContentPlaceHolder1$fvAddRequest$ddlUnitType_i: {
17.                 required: function (element) { return Insert_Clicked; }
18.             },
19. 
    
20.             ctl00$ContentPlaceHolder1$gvEditOrders$ctl02$txtQtyOrder_e: {
21.                 required: function (element) { return Update_Clicked; },
22.                 number: true
23.             },
24.             ctl00$ContentPlaceHolder1$gvEditOrders$ctl02$txtQtyHand_e: {
25.                 required: function (element) { return Update_Clicked; }
26.             },
27.             ctl00$ContentPlaceHolder1$gvEditOrders$ctl02$ddlUnitType_e: {
28.                 required: function (element) { return Update_Clicked; }
29.             }
30.         }     
31.     });

1. the first table is used to edit values in a table row.
2. the second table is used to insert values to a table.

2. $(document).ready(function () {
3.     $('#form1').validate(
4.         {
5.             rules:
6.                {
7.                    // This is the NAME -- not the ID -- of the control as it appears in the browser, where the textbox is set to have a static clientid
8. 
   
9.                    // Can these two groups be validated depending on which of the controls below is clicked?
10. 
    
11.                    // The first two objects are in the formview "table" 
12.                    ctl00$ContentPlaceHolder1$fvAddNote$txtBatchItemID: "required",
13.                    ctl00$ContentPlaceHolder1$fvAddNote$txtNotes_i: { required: true, maxlength: 500 },
14. 
    
15.                    // The last object is is the gridview "table"
16.                    ctl00$ContentPlaceHolder1$gvViewNotes$ctl02$txtNotes_e: { required: true, maxlength: 500 }
17.                }
18.         }
19.     );
20. 
    
21.     // This inserts the row in the Formview
22.     // ?? Can this trigger validation for ONLY for the Formview ??
23.     $('#lbInsert_i').click(function (e) {
24.         if (!$('#form1').valid()) {
25.             e.preventDefault();    
26.         }
27.     })
28. 
    
29.     // This updates the row in the Gridview
30.     // ?? Can this trigger validation for ONLY for the Gridview ??
31.     $('#lbUpdate_e').click(function (e) {
32.         if (!$('#form1').valid()) {
33.             e.preventDefault();            
34.         }
35.     })
36. });

2. $(document).ready(function () {
3.             var MaxLength = 500;
4.             $(#'<%=gvViewNotes.FindControl("txtNotes_e").ClientID%>').keypress(function (e) {
5.                 alert("hi");
6.             });            
7.         });

• Name= 'ct100$ContentPlaceholder1$gvViewNotes$ct102$txtNotes_e'
• ID = 'txtNotes_e'

1. I can define a dialog that contains a div with a formview (connected to a sqldatasource).
2. I can open the dialog by selecting a row in a gridview, with the intention of editing the row in the dialog formview.