繁体   English   中英

在asp.net中更改gridview中文本框的背景颜色?

[英]Change the back ground color of the text box inside the gridview in asp.net?

我正在开发一个asp.net应用程序,我可以将数据从SQL加载到aspx页面中的gridview.User能够编辑和保存gridview中的值。 我的网格视图有itemtemplates,其中我有两个带文本框的列。我想要突出显示用户在gridview中编辑的不同颜色的所有单元格。

我可以对另一个aspx页面中的文本框做同样的事情,使用带有java脚本的gridview,代码如下:

<script type="text/javascript">


        $(document).ready(function() {

            $(':input').change(function() {

                $(this).addClass("textchanged");

            });

        });

    </script>



 <asp:GridView runat="server" ID="gvnames" AutoGenerateColumns="False" CellPadding="4"
            Font-Names="Georgia" ForeColor="Black" GridLines="Vertical" BackColor="White"
            BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" DataKeyNames="Name"
            DataSourceID="SqlDataSource1" 
           >
            <RowStyle BackColor="#F7F7DE" />
<colums>
    <asp:TemplateField HeaderText="Name">
                        <ItemTemplate>
                            <asp:Label ID="lblName"  Visible='<%# !(bool) IsInEditMode %>' runat="server"
                                Text='<%# Eval("Name") %>' />
                            <asp:TextBox ID="txtName" Width="250px" Visible='<%# IsInEditMode %>' runat="server" Text='<%# Eval("Name") %>' />
                        </ItemTemplate>
                    </asp:TemplateField>
</colums>
  <FooterStyle BackColor="#CCCC99" />
            <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
            <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="White" />
        </asp:GridView>

当我尝试为网格视图中的文本框实现相同的代码时,它不起作用。 是正确的方法还是有其他方法可以实现? 如果有人能指引我走上正确的道路,我将不胜感激。

我认为你应该删除:在你的jquery中输入的单词前面。 另外,如果这只发生在文本框中,那么你应该在jquery选择器中更具体,并将其更改为:

 $('input[type=text]')

在您的标记中,请更改

<colums><colums>

-tag到

<Columns></Columns>

如果jQuery正常运行,这应该会有所帮助

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM