Adding jquery dialog box to formview delete button causes other buttons to cause an error RSS

• • Reply
  khedir

  None

  0 Points

  1 Post

  Adding jquery dialog box to formview delete button causes other buttons to cause an error

  Mar 29, 2020 05:21 PM|khedir|LINK

  <div>Dear All, </div> <div> </div> <div>i have the following function that confirms if the user wants to delete a record in a formview.</div> <div> </div> <div>          $(function () {</div> <div>          $("#<%= FormView1.FindControl("DeleteButton").ClientID %>").click(function (e) {</div> <div>              $('#dialog-confirm').dialog('open');</div> <div>          });</div> <div>          $("#dialog-confirm").dialog({</div> <div>             </div> <div>              autoOpen: false,</div> <div>              resizable: false,</div> <div>              height: "auto",</div> <div>              width: 400,</div> <div>              modal: true,</div> <div>              buttons: {</div> <div>                  "Delete item": function () {</div> <div>                      $(this).dialog("close");</div> <div>                      javascript: __doPostBack('FormView1$DeleteButton', '')</div> <div> </div> <div>                  },</div> <div>                  Cancel: function () {</div> <div>                      $(this).dialog("close");</div> <div> </div> <div>                  }</div> <div>              }</div> <div>          });</div> <div>      });</div> <div> </div> <div>the code for my formview and ItemTemplate that contains the Delete Button</div> <div> </div> <div>       <asp:FormView ID="FormView1" runat="server" AllowPaging="True" CellPadding="4" DataKeyNames="Car_ID" DataSourceID="SqlDataSource1" ForeColor="#333333"></div> <div> </div> <div>            <ItemTemplate></div> <div>                Car_ID:</div> <div>                <asp:Label ID="Car_IDLabel" runat="server" Text='<%# Eval("Car_ID") %>' /></div> <div>                <br /></div> <div>                Car_Make:</div> <div>                <asp:Label ID="Car_Make_FkeyLabel" runat="server" Text='<%# Bind("Car_Make_Name") %>' /></div> <div>                <br /></div> <div>                Car_Model:</div> <div>                <asp:Label ID="Car_ModelLabel" runat="server" Text='<%# Bind("Car_Model_Name") %>' /></div> <div>                <br /></div> <div>                Car_Color:</div> <div>                <asp:Label ID="Car_Color_FkeyLabel" runat="server" Text='<%# Bind("Color_Name") %>' /></div> <div>                <br /></div> <div>                Car_Year:</div> <div>                <asp:Label ID="Car_YearLabel" runat="server" Text='<%# Bind("Car_Year") %>' /></div> <div>                <br /></div> <div>                Car_Price:</div> <div>                <asp:Label ID="Car_PriceLabel" runat="server" Text='<%# Bind("Car_Price") %>' /></div> <div>                <br /></div> <div>                <asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit" /></div> <div>                &nbsp;<asp:LinkButton ID="DeleteButton" runat="server" CausesValidation="False"</div> <div>                    CommandName="Delete" Text="Delete"/></div> <div>                &nbsp;<asp:LinkButton ID="NewButton" runat="server" CausesValidation="False" CommandName="New" Text="New" /></div> <div>            </ItemTemplate></div> <div>            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /></div> <div>            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" /></div> <div>        </asp:FormView></div> <div> </div> <div>However, if i click the EditButton or NewButton i get the following error:</div> <div> </div> <div>    System.NullReferenceException: 'Object reference not set to an instance of an object.'</div> <div> </div> <div>on the following line of the function:</div> <div> </div> <div>    $("#<%= FormView1.FindControl("DeleteButton").ClientID %>").click(function (e) {</div>

• • Reply
  Yang Shen

  Contributor

  3140 Points

  983 Posts

  Re: Adding jquery dialog box to formview delete button causes other buttons to cause an error

  Mar 30, 2020 01:54 AM|Yang Shen|LINK

  Hi khedir,

  This is little confusing that in your thread title, you said it causes other buttons to cause an error, while in your post you said the error is on the DeleteButton function code which seems contradictory.

  khedir

  System.NullReferenceException: 'Object reference not set to an instance of an object.'

  I built a demo based on the code your provided, but the issue can not be reproduced. According to the error and the location you provided where the error occurs, it's most likely that your c# code can not find the control whose id is "DeleteButton".

  Can you provide the complete code including both of the front end and back end? And please pay attention to the format of your post content, it's really hard to read if you post so many meaningless html elements. Maybe the "Paste as Text"  can help.

  Best Regard,

  Yang Shen