topic Re: read Javascript File from .net in ArcGIS JavaScript Maps SDK Questions

read Javascript File from .net

jaykapalczynski — Sat, 11 Dec 2021 10:18:36 GMT

Having issues here.....I have a webform .net C# application that I am trying to inject some code....

I just want to show that this works...I am simply trying to click an asp button and call a function in JavaScript

Please help

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Edit.aspx.cs" Inherits="xx.Edit" MaintainScrollPositionOnPostback="true" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    <script src="https://js.arcgis.com/4.14/" type="text/javascript"></script>
    <script src="../js/index.js" type="text/javascript"></script>

<!--  SNIP  -->

     <asp:Button ID="btnGISPush" runat="server" OnClientClick="btnGISPush_Click()" Text="GIS Push"  CausesValidation="true" /><br />
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

require([
    "esri/Map",
    "esri/views/MapView",
    "esri/layers/FeatureLayer"
], function (Map, MapView,FeatureLayer) {

        function btnGISPush_Click() {
            console.log("fggfdgfdgdfg");
            //document.getElementById('<%= btnGISPush.ClientID %>').click();
            alert("somrtindfgdfg");
        }
});‍‍‍‍‍‍‍‍‍‍‍‍

Re: read Javascript File from .net

jaykapalczynski — Sat, 11 Dec 2021 10:18:38 GMT

I can get this to work from within the asp page with a couple script tags at the top

but I want to call the JavaScript page because I have most of my code there.

<!-- IN THE ASP PAGE  -->

<script>
function btnGISPush_Click() {
  alert("somrtindfgdfg");
}
</script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: read Javascript File from .net

MichaelBranscomb — Thu, 02 Apr 2020 15:42:01 GMT

Hi,

I've moved your post to the forum for ArcGIS API for JavaScript | ArcGIS for Developers (Latest) .

Thanks

Mike

Re: read Javascript File from .net

jaykapalczynski — Thu, 02 Apr 2020 17:28:00 GMT

any have any thoughts....I simply want to register a JS page in .net and then have an asp button that calls the JS page and have the JS page run some code.

Re: read Javascript File from .net

Anonymous User — Sat, 11 Dec 2021 10:18:41 GMT

Hi jay kapalczynski‌,

You are getting there. I just give you a simplest way to solve. (There are many other ways as well)

Firstly, you shall create an object, below sample is static object store into JsController in window scope.

 require(["esri/Map",
                "esri/views/MapView",
            "esri/layers/FeatureLayer"],
           function (Map, MapView, FeatureLayer) {
               "use strict";
               window.JsController = {
                   btnGISPush_Click : function () {
                            console.log("fggfdgfdgdfg");
                            
                            alert("somrtindfgdfg");
                        }
               };// js object block end
               
            });‍‍‍‍‍‍‍‍‍‍‍‍‍‍

And call the method from that object

<asp:Button ID="btnGISPush" runat="server" OnClientClick="window.JsController.btnGISPush_Click()" Text="GIS Push" /><br />‍

Re: read Javascript File from .net

jaykapalczynski — Fri, 03 Apr 2020 13:06:13 GMT

awesome...thank you

Re: read Javascript File from .net

jaykapalczynski — Fri, 03 Apr 2020 13:11:30 GMT

Last question....can I still get a value of a text box like this and set it to a variable?

const distanceUnit = document.getElementById("distance-select");

if not how do I get the value of an element

Re: read Javascript File from .net

jaykapalczynski — Sat, 11 Dec 2021 10:18:44 GMT

I did it this way....but trying to figure out if I can do this easier.....

Is there an easier or shorter way to grab a textbox value and WRITE back to another textbox?

I am reading it now but would liketo write back results to another textbox on the aspx page

I made the textbox and button in .aspx page

I added the RegisterStartupScript line to the Page_Load

Made the window.JsController wrap with my function...

.ASPX page

            <asp:TextBox ID="txtAddressCall" Width="800px" Height="60px" MaxLength="300" runat="server" TextMode="MultiLine" Wrap="true" Enabled="false" Visible="false"></asp:TextBox><br />
            
            <asp:Button ID="btnGISPush" runat="server" OnClientClick="window.JsController.btnGISPush_Click()" Text="GIS Push"  CausesValidation="true" /><br />
‍‍‍

ASPX.CS Page

protected void Page_Load(object sender, EventArgs e)
  {
                
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "JsVariables", "var txtboxClientId='" + txtAddressCall.ClientID + "';", true);

SNIP
‍‍‍‍‍‍

JS Page

        window.JsController = {
            btnGISPush_Click: function () {

                var name = document.getElementById(txtboxClientId).value;
                alert(name);

            }
        };// js object block end‍‍‍‍‍‍‍‍

Re: read Javascript File from .net

Anonymous User — Sat, 04 Apr 2020 11:41:13 GMT

Hi jay kapalczynski‌,

You can try this way.

You btnGISPushClick shall have clientId value param in it.

And you can do what you need with document.getElementById(param).value = .......;

txtAddressCall.Attributes.Add("onKeyUp", "window.JsController.btnGISPushClick('"+[youranotherTextBox.ClientID]+"');");

Re: read Javascript File from .net

jaykapalczynski — Sat, 11 Dec 2021 10:18:48 GMT

What keyup event?

I need more than one variable set...

Where does this go?

txtAddressCall.Attributes.Add("onKeyUp", "window.JsController.btnGISPushClick('"+[youranotherTextBox.ClientID]+"');");

I want to create two different variables values from a C# page

protected void Page_Load(object sender, EventArgs e)
        {
            ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "JsVariables", "var JSONstring='" + txtInfo.ClientID + "';", true);
            ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "JsVariables", "var teststring='" + TextBox1.ClientID + "';", true);
}‍‍‍‍‍‍‍‍‍‍

    window.JsController = {
        btnGISPush_Click: function () {

            // Capture String value to populate params DEFINED in the demo.aspx.cs page
            // ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "JsVariables", "var JSONstring='" + txtInfo.ClientID + "';", true);
            var dictstring = document.getElementById(JSONstring).value;
            //var dictstring2 = document.getElementById(mutiaddressinput).value;
            alert("1: " + dictstring);

            var dictstring22 = document.getElementById(teststring).value;
            alert("2: " + dictstring22);

// SNIP‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I get a return on JSONstring

teststring keeps coming up undefined