Databases
StackOverflow2013
Postsdbo
POCalling WebMethod via jQuery from JavaScript on ASCX, needing value of Control
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCalling WebMethod via jQuery from JavaScript on ASCX, needing value of Control
    primarykey
    data
    text
    <p>I understand how to use jQuery to make an AJAX call to a WebMethod from a normal page, but I'm running into problems doing it from a UserControl (ASCX). Right now the biggest Issue I'm having is that the JavaScript for getting access to the groupDropDown control is not working. It seems that since this is a UserControl hosted within DotNetNuke, the ususal method of getting the CLientID is not working since it is nested down x number of levels. Here is what I have:</p> <p>Javascript:</p> <pre><code>function validateEnrolledDate(src, args) { var isValid; var groupDropDown = document.getElementById('&lt;%= ddlDealer.ClientID %&gt;'); $.ajax({ type: "POST", url: "ajaxservice.asmx/ValidateEnrolledDate", data: "{orderDate: '" + args.Value + "', groupId: '" + groupId + "'}", contentType: "application/json; charset=utf-8", dataType: "json", async: false, success: function (msg) { alert(msg); isValid = msg.d; }, failure: function () { alert("FAIL"); } }); args.IsValid = isValid; </code></pre> <p>Validator User Control that calls this JavaScript:</p> <pre><code>&lt;asp:CustomValidator id="CustomValidator1" runat="server" ControlToValidate="rdiDate" ErrorMessage="Fail" OnServerValidate="CustomValidator1_ServerValidate" ValidationGroup="vgce" CssClass="validation" Display="Dynamic" Text="*" ClientValidationFunction="validateEnrolledDate" /&gt; </code></pre> <p>groupDropDown I'm trying to get a value from:</p> <pre><code>&lt;asp:DropDownList ID="ddlDealer" runat="server" CssClass="dropdownlist theDealer" TabIndex="3" AutoPostBack="true" OnSelectedIndexChanged="ddlDealers_Changed" /&gt; </code></pre> <p>WebMethod:</p> <pre><code>[WebMethod()] private bool ValidateEnrolledDate(string orderDate, string groupId) { DateTime enrolledDate = new Service().GetEnrollmentDate(int.Parse(groupId)); if (DateTime.Parse(orderDate) &gt;= enrolledDate) { return true; } else { return false; } } </code></pre> <p><strong>TIME TO SIMPLIFY:</strong> Here is testing JS Code:</p> <pre><code>function validateEnrolledDate(src, args) { var isValid; var selectedGroup = $("theDealer").val(); alert(selectedGroup); } </code></pre> <p>I'm now just referencing a TextBox:</p> <pre><code>&lt;asp:TextBox ID="dealerId" runat="server" CssClass="theDealer" /&gt; </code></pre> <p>The Text in the Textbox is being set in Server Side code, and it is visible on screen.</p> <p>The alert message is "undefined", so something is still happening so that it is not getting the value of that textbox...</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSchenz
    1. USSchenz
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COI realize that I did not really say that, so I edited the question to expand a bit more. Basically var groupDropDown = document.getElementById('<%= ddlDealer.ClientID %>'); is failing to work right now. No error message, but FireFox says: Content Encoding Error. If I remove the line with .ClientID it starts working, but the JavaScript function fails.
      singulars
      1. POCalling WebMethod via jQuery from JavaScript on ASCX, needing value of Control
      1. USSchenz
    2. COI see you are trying to get a value from `document.getElementById('<%= ddlDealer.ClientID %>');` but you reference `ddlUsers` as the ddl you want to get, should that be `ddlDealer` instead?
      singulars
      1. POCalling WebMethod via jQuery from JavaScript on ASCX, needing value of Control
      1. USMark Coleman
    3. COsorry, Dealer is what I want to get. I'l edit :)
      singulars
      1. POCalling WebMethod via jQuery from JavaScript on ASCX, needing value of Control
      1. USSchenz
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload