带有GoToLocation控件的Zoom To，Pan To按钮和XY坐标文本框的JavaScript问题

Question

我在ASP.NET（.ascx）中创建了一个用户控件，该控件结合了ArcGIS Map和ArcGIS Web ADF中的几个基本控件（GoToLocation，ScaleBar和ESRI Toolbar）。 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，但是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中更改。

谢谢

Answer 1

最后，我找到了解决问题的方法。 我使用由以下人员创建的“ 转到位置”控件 ：ESRI

一切正常。