c# - 使用gridview时如何在项目模板中调用javascript函数

Question

我正在尝试调用一个 javascript 函数，该函数将在加载控件时设置控件的前景色和背景色

但是这个函数没有引发。

<ItemTemplate>
      <div onload= "invertColor(this,'<%# Eval("ColorCode") %>')">
           <%# Eval("ColorCode") %>
      </div>
</ItemTemplate>

这是我的 JavaScript

    function invertColor(sender, backColor) {
        alert('hi');
//        alert(backColor.toString());
//        if (backColor != '') {
//        
//            sender.css('background-color', backColor);
//            backColor= backColor.substr(1, 6);
//            foreColor = numberToHex(255 - parseInt(backColor.substr(0, 2), 16))
//            + numberToHex(255 - parseInt(backColor.substr(2, 2), 16))
//            + numberToHex(255 - parseInt(backColor.substr(4, 2), 16));
//            sender.css('color', "#"+foreColor)
//        }
    }

Answer 1

如果元素有某种方式来寻址，例如 id 或 css class，您可以在 div 之后立即执行此操作。使 div 成为服务器控件将为集合中的每个项目生成唯一的 id。

<ItemTemplate> 
      <div runat="server" id="dummy"> 
           <%# Eval("ColorCode") %> 
      </div> 
    <script> invertColor('<% =dummy.ClientID %>', '<%# Eval("ColorCode") %>'); </script>
</ItemTemplate> 

这里我将第一个参数更改为字符串而不是对象。在 invertColor 中，您可以使用 id 字符串来获取对元素的引用，但您认为合适。