Question

I have a gridview that contains one linkbutton within itemtemplate. I bind this gridview with a table from my database that displays different items. When the gridview displays records and when the user clicks on an item of gridview then how can i change that item s fontweight to bold and change that same item s color.

Answer 1

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

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

然后有一个javascript函数

function setBoldandColor(id) { //getElementById(id).style.font.bold=true; //change color }

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" });
  });
});

注意：这将更改整行的字体大小和颜色。如果你只想更改实际点击的文本，你可以删除.最接近的（“tr”），它就会起作用。

友情链接