Question

我有一个gridview，在itemtemplate中包含一个linkbutton。我将此gridview绑定到我的数据库中显示不同项目的表。当gridview显示记录时以及当用户单击gridview项时，如何将该项的fontweight更改为粗体并更改该项的颜色。

Answer 1

不是100％肯定，但您可以在创建所有使用的链接按钮时执行此客户端

linkbutton.Attributes.Add（“onclick”，“setBoldandColor（this）”）

然后有一个javascript函数

function setBoldandColor（id） { //getElementById(id).style.font.bold=true; //换颜色 }

Answer 2

尝试这样的事情：

        <style type="text/css">
            .gridViewLink {
                color:#CCCCCC;
            }
        </style>

        <script type="text/javascript">
            var prevSelection = null;

            function toggleStyle(currentSelection) {
                if (prevSelection != null) {
                    prevSelection.style.fontWeight = 'normal';
                    prevSelection.style.color = '#CCCCCC';
                }
                currentSelection.style.fontWeight = 'bold';
                currentSelection.style.color = '#777777';
                prevSelection = currentSelection;
            }
        </script>

        <asp:GridView ID="gvDemo" runat="server">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:LinkButton ID="btnDemo" OnClientClick="toggleStyle(this);return false;" CssClass="gridViewLink" Text="Demo" runat="server" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        </asp:GridView>

Answer 3

您可以使用jQuery并在客户端轻松完成所有操作......

$(function() {
  $("#GridViewID_HERE a[id$=LinkButtonID_HERE]").click(function() {
    $(this).closest("tr").css({ fontWeight: "bold", color: "red" });
  });
});

注意：这将更改整行的字体粗细和颜色。如果您只想更改实际点击的文字，可以删除.closest("tr")，然后就可以了。

更改GridView项的字体粗细

3 个答案: