从 ASP Repeater 内的按钮调用 Javascript？

Question

我正在使用 ASP 中继器。在 和 中，除了其他标签等之外，还有 3 个 HTML 按钮 (），单击时进行不同的 javascript/jquery 调用。这工作正常。

现在，我想根据绑定到中继器的布尔值动态显示/隐藏这些按钮。我知道如果我使用的是 ASP 按钮，我可以简单地使用如下内容：

Visible='<%# Eval(bMyBoolean) %>'

我尝试将 HTML 按钮切换为 ASP 按钮，但随后我无法让 javascript 调用正常工作。我知道您可以在每个按钮的后面代码中连接 Javascript 调用（在 Repeater.ItemDataBound 事件中），但我不确定如何在我的场景的后面代码中执行此操作。下面是我的一个 HTML 按钮的示例：

<input type="button" id="myButton" value="Test" onclick="MyJavascriptFunction(this,'<%# CType(Container.DataItem, myClassObject).FirstName%>');" />

在上面的示例中，我将 FirstName 值（它是我绑定到转发器的类对象的属性）传递给我的 Javascript 函数。

对我来说，如果我使用 ASP 中继器，那么使用 ASP 按钮就有意义，但我不知道它是否真的有区别？

所以，我的问题是：如何根据绑定到转发器的布尔值动态显示/隐藏 ASP 转发器内的 HTML 按钮？或者，如果这是一个不好的做法，我如何使用 ASP 按钮进行 javascript 调用，如上面的调用（引用来自中继器的值）？

预先感谢您的任何帮助/建议！

Answer 1

您可以根据布尔值动态输出样式信息。考虑一下：

<itemTemplate>
    <input type='button' style='<%# getVisbility(Eval("MyBoolValue")) %>' 
           value='click me' />
</itemTemplate>

然后在您的代码中，您将拥有：

protected function getVisibility(isVisible as boolean) as string 
   if isVisible then
     return "display:inline; "
   else
     return "display:none;"
   end if 
end function 

现在，如果您想从 asp.net 控件执行 JavaScript 调用，您也可以选择：

最简单但绝不是最好的选择是内联 JS：

<itemTemplate>
   <asp:button runat="server" onclientClick="return confirm('click to submit');" 
               text="Click!" />
</itemTemplate>

使用 JQuery 可以提供更复杂的选项，允许您动态捕获单击事件，并确定您要选择的转发器的确切行。一个例子是：

<itemTemplate>
   <asp:button cssclass ='clickMe' runat="server" rel='<%# Eval("MyCol")%>' 
               text="Click!" />
</itemTemplate>

然后 jquery 代码：

$(".clickMe").click(function(){
  var myVal = $(this).attr("rel");
})