c# - IFrame : Page is post back or refreshing on iframe src

Question

我是 ASP.NET 新手。我正在调用 Iframe src 抛出表行 javscripct 单击事件。 (即 onclick="return loadPhaseWiseChart("DGSET00025");")

我的代码:-

<tr height="25" id="row3" onclick="return loadPhaseWiseChart("DGSET00025");" bgColor="#e1f2fe">
<td>
<tr>

JQuery 代码:-

function loadPhaseWiseChart(Asset_Discription) {
            document.getElementById('IframeChart1').src = "PhaseOneChart.aspx?assetdiscription=" + Asset_Discription;
        }

当我单击行时，我的页面正在回发或刷新。我想避免页面刷新或回发行单击事件。我怎样才能做到这一点。任何帮助将不胜感激。

Answer 1

您的 onClick 应如下所示:

<tr height="25" id="row3" onclick="loadPhaseWiseChart('DGSET00025');" bgColor="#e1f2fe">

注意返回值的删除，以及内部字符串和外部属性使用不同的引号类型(在 JavaScript 中，这些类型是可以互换的，但它们至少必须匹配。实际上，使用 jQuery，您不应该添加onClick 完全像这样，而是使用这样的数据属性:

<tr height="25" id="row3" data-chart="DGSET00025" bgColor="#e1f2fe">

并将您的函数绑定(bind)到点击事件，如下所示:

$('#row3').on('click', loadPhaseWiseChart);

这会将您的“loadPhaseWiseChart”更改为:

function loadPhaseWiseChart() {
  document.getElementById('IframeChart1').src = "PhaseOneChart.aspx?assetdiscription=" + $(this).data('chart');
}

最后，为了确保您不会陷入困境，ASP.net 会通过添加“runat=”server”来更改 HTML 元素的 ID，因此如果您的 iframe 的 ID 为“IframeChart1' 和 'runat' 属性，然后 ASP 会将其转换为类似 'iframe_01_h1' 的内容。您可以使用一些 ASP 代码获取此值，如下所示:

document.getElementById('<%= IframeChart1.ClientID %>')