DataGrid控件中有几个模板列,每个模板列中有一个文本框控件,如果实现其中一个文本框获取焦点,让当前行的背景色变色.谢谢~

Question

如题~

Answer 1

js问题.
function changeCurrentRowBgcolor(ctl,color){
var tr=ctl.parentElement.parentElement;
tr.style.backgroudColor=color;
}
<asp:textbox onfocus="changeCurrentRowBgcolor(this,'info')" onblue="changeCurrentRowBgcolor(this,'blank')" />

Answer 2

使用parent引用到当前TextBox所在的行,就可以对当前行进行操作了

Answer 3

<asp:TemplateColumn HeaderText="选项">
<ItemTemplate>
<asp:CheckBox id="testBox" Runat="server"></asp:CheckBox>
<asp:TextBox id="TextBox1" onfocus="alert('aaa')" runat="server"></asp:TextBox>
<asp:TextBox id="TextBox2" onfocus="changeCurrentRowBgcolor(this,'info')" onblue="changeCurrentRowBgcolor(this,'blank')" runat="server"></asp:TextBox></P>
</ItemTemplate>
</asp:TemplateColumn>

Answer 4

只能用js TheKingOfFatChick(肥鸡王) 大致可以用，但要修改
而且在绑定时动态追加

Answer 5

js问题.
function changeCurrentRowBgcolor(ctl,color){
var tr=ctl.parentElement.parentElement;
tr.style.backgroudColor=color;
}
<asp:textbox onfocus="changeCurrentRowBgcolor(this,'info')" onblue="changeCurrentRowBgcolor(this,'blank')" />

Answer 6

spland(spland) :
不知道如何修改,谢谢~

Answer 7

问题我自己已经解决，拿来分享：
<script>
function changeColor(color)
{
              var o = event.srcElement;
              o.parentElement.parentElement.style.backgroundColor = color; }
</script><asp:datagrid id="dgdTest" Runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateColumn HeaderText="选项">
<ItemTemplate>
<asp:CheckBox id="testBox" Runat="server"></asp:CheckBox>
<asp:TextBox id="TextBox1" onfocus="changeColor('red')" onblur="changeColor('white')"  runat="server"></asp:TextBox>
<asp:TextBox id="TextBox2" onfocus="changeColor('red')" onblur="changeColor('white')" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid>