0

我在 ASP.NET (.ascx) 中创建了一个用户控件，它结合了 ArcGIS Map 和 ArcGIS Web ADF 中的几个基本控件（GoToLocation、ScaleBar 和 ESRI 工具栏）。GoToLocation 控件无法正常工作，因为它的 javascript 没有找到用于显示 X 和 Y 坐标的文本框，也没有找到“缩放至”和“平移至”按钮。

然后我尝试用这个 jquery+javascript 解决这个问题：

2012 年 5 月 21 日更新：我尝试在 fixGTL 之后添加 GoToLocation1.Refresh 或 GoToLocation1.RaisePostBackEvent（参见下面的代码），但似乎控件没有刷新或重新加载。

$(document).ready(function () {
            fixGTL();
        <% 
            //GoToLocation1.RaisePostBackEvent(""); 
            GoToLocation1.Refresh(); 
        %>
        });

        function fixGTL() {
            var txtX = $('#[id$="_GoToLocationX"]');
            var idX = txtX.attr("id");
            //alert(idX);
            var idX_2 = idX.split('_');
            if (idX_2.length = 6) {
                txtX.attr('id', idX_2[0] + '_' + idX_2[2] + '_' + idX_2[3] + '_' + idX_2[4] + '_' + idX_2[5]);
            }

            var txtY = $('#[id$="_GoToLocationY"]');
            var idY = txtY.attr("id");
            //alert(idY);
            var idY_2 = idY.split('_');
            if (idY_2.length = 6) {
                txtY.attr('id', idY_2[0] + '_' + idY_2[2] + '_' + idY_2[3] + '_' + idY_2[4] + '_' + idY_2[5]);
            }

            var btnZoomTo = $('#[id$="_ZoomTo"]');
            var idZoomTo = btnZoomTo.attr("id");
            var idZoomTo_2 = idZoomTo.split('_');
            if (idZoomTo_2.length = 6) {
                btnZoomTo.attr('id', idZoomTo_2[0] + '_' + idZoomTo_2[2] + '_' + idZoomTo_2[3] + '_' + idZoomTo_2[4] + '_' + idZoomTo_2[5]);
            }

            var btnPanTo = $('#[id$="_PanTo"]');
            var idPanTo = btnPanTo.attr("id");
            var idPanTo_2 = idPanTo.split('_');
            if (idPanTo_2.length = 6) {
                btnPanTo.attr('id', idPanTo_2[0] + '_' + idPanTo_2[2] + '_' + idPanTo_2[3] + '_' + idPanTo_2[4] + '_' + idPanTo_2[5]);
            }
        }

问题： 我的脚本成功更改了文本框的 ID 和按钮的 ID，但 GoToLocation 的 javascript 仍然找不到文本框和按钮。

这是一段取自 Firebug 的 javascript 代码（抱歉，我无法发布图片，因为我是这里的新手）：

ESRI.ADF.UI.GoToLocation.callBaseMethod(this, 'initialize');
(1) var id = this.get_id();
    var splitId = id.split('_');
    this._displayX = $get(splitId[0] + '_' + id + "_GoToLocationX");
    this._displayY = $get(splitId[0] + '_' + id + "_GoToLocationY");
(2) this._zoomToButton = $get(splitId[0] + '_' + id + "_ZoomTo");
    this._panToButton = $get(splitId[0] + '_' + id + "_PanTo");
(3) if (this._zoomToButton != null) {
        $addHandler(this._zoomToButton, "mousedown", Function.createDelegate(this, this._zoomTo));
        $addHandler(this._zoomToButton, "keydown", Function.createDelegate(this, this._zoomKeyPress));
}

奇怪的是，当我在断点 1 上使用 firebug 进行调试时，它可以找到文本框和按钮（_displayX、_displayY、_zoomToButton 和 _panToButton 不为空）。但是，如果我从 2 号或 3 号断点进行调试，或者我直接加载它（不在 firebug 中调试），则脚本无法找到文本框和按钮。

HTML ： 这是我从 firebug 中获取的 HTML。

<div id="pnlGoTo" class="ui-dialog-content ui-widget-content">
<span id="ctl00_MapBasic1_GoToLocation1" style="overflow:hidden;display:inline-block;height:75px;width:380px;">
<table cellspacing="2" cellpadding="2" style="position:relative;margin:0px 0px 0px 0px;top:0px;left:0px;">
<tbody>
<tr>
<td width="381px" align="left">
<table cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td>
X:
<input id="ctl00_ctl00_MapBasic1_GoToLocation1_GoToLocationX" type="text" style="height:15px;font-size:small;width:157px;" name="ctl00$MapBasic1$ctl00_MapBasic1_GoToLocation1_GoToLocationX">
</td>
<td>
Y:
<input id="ctl00_ctl00_MapBasic1_GoToLocation1_GoToLocationY" type="text" style="height:15px;font-size:small;width:157px;" name="ctl00$MapBasic1$ctl00_MapBasic1_GoToLocation1_GoToLocationY">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="right">
<input id="ctl00_ctl00_MapBasic1_GoToLocation1_ZoomTo" type="button" style="height:25px;width:70px;font-size:small;" value="Zoom To" name="ctl00$MapBasic1$ctl00_MapBasic1_GoToLocation1_ZoomTo">
<input id="ctl00_ctl00_MapBasic1_GoToLocation1_PanTo" type="button" style="height:25px;width:70px;font-size:small;" value="Pan To" name="ctl00$MapBasic1$ctl00_MapBasic1_GoToLocation1_PanTo">
</td>
</tr>
</tbody>
</table>
</span>
</div>
</div>

目标 ：

目标是让 _displayX、_displayY、_zoomToButton 和 _panToButton 不为空。

我只需要找到如何重新加载/刷新控件，因为它的名称已从我的 javascript 中更改。

谢谢

4

1 回答 1

0

最后我找到了解决我的问题的方法。我使用这个 由 ESRI 创建的Go To Location 控件

一切正常。

于 2012-06-04T09:39:17.603 回答