asp:datagrid asp:ButtonColumn 属性ButtonType="LinkButton" 点击后变颜色
时间: 2023-07-19 13:12:17 浏览: 204
您可以使用JavaScript来实现点击后变颜色的效果。以下是一个示例代码:
```javascript
<script type="text/javascript">
function changeColor(linkButton) {
linkButton.style.color = "red"; //修改字体颜色为红色
linkButton.style.textDecoration = "underline"; //添加下划线
}
</script>
```
然后在ButtonColumn的控件模板中添加OnClick事件,调用changeColor函数:
```asp
<asp:ButtonColumn ButtonType="LinkButton"
DataTextField="ColumnName"
HeaderText="Header"
OnClick="javascript:changeColor(this);">
</asp:ButtonColumn>
```
这样,当点击链接按钮时,字体颜色将变为红色且带有下划线。您可以根据需要修改changeColor函数,实现不同的效果。
相关问题
在asp:datagrid 里为asp.net asp:ButtonColumn 添加一個点击事件
你可以使用以下代码为 ASP.NET 中的 ButtonColumn 添加点击事件:
1. 在 aspx 页面中,将 ButtonColumn 添加到 Datagrid 中,并设置其 CommandName 和 Text 属性。
```html
<asp:datagrid id="MyDataGrid" runat="server">
<columns>
<asp:ButtonColumn CommandName="MyButton" Text="Click Me"></asp:ButtonColumn>
</columns>
</asp:DataGrid>
```
2. 在页面的 Page_Load 事件中,将 ButtonColumn 的点击事件绑定到一个方法上。
```csharp
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
MyDataGrid.ItemCommand += new DataGridCommandEventHandler(MyDataGrid_ItemCommand);
}
}
protected void MyDataGrid_ItemCommand(object source, DataGridCommandEventArgs e)
{
if (e.CommandName == "MyButton")
{
// 处理点击事件
}
}
```
在上面的代码中,我们使用了 `ItemCommand` 事件来处理 ButtonColumn 的点击事件。在事件处理方法 `MyDataGrid_ItemCommand` 中,我们检查了 `CommandName` 属性是否等于我们所设置的值(在这里是 `"MyButton"`),以确定这个点击事件是由 ButtonColumn 触发的。你可以根据自己的需求在事件处理方法中添加适当的代码。
阅读全文