【问题标题】:how to get elements in grid-view from javascript如何从javascript获取网格视图中的元素
【发布时间】:2015-03-25 04:58:48
【问题描述】:

我尝试在 gridview 内的文本框上使用日期选择器引导程序。我无法弄清楚如何访问 gridview 中的文本框。我收到错误:txtStartDate 不存在。

    <script src="Scripts/bootstrap-datepicker.js"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            var dp = $('#<%=txtStartDate.ClientID%>');
            dp.datepicker({
                changeMonth: true,
                changeYear: true,
                format: "dd.mm.yyyy",
                language: "tr"
            }).on('changeDate', function (ev) {
                $(this).blur();
                $(this).datepicker('hide');
            });
        });
</script>

这是我的文本框

  <asp:TemplateField ItemStyle-Width="150px" HeaderText="Start Date">
                        <ItemTemplate>
                            <asp:TextBox ID="txtStartDate" runat="server" Text='<%# Eval("Start_Date")%>'
                                  BackColor="LightGoldenrodYellow"></asp:TextBox>
                        </ItemTemplate>                            
                        <ItemStyle Width="150px" />
                    </asp:TemplateField>  

【问题讨论】:

  • 哪里出错了? jQuery 不会抛出那个错误
  • 当然假设如此@mason。有点指出更具体的错误很重要

标签: javascript jquery asp.net twitter-bootstrap gridview


【解决方案1】:

将 CSS 类应用于您的文本框,然后使用 CSS 类选择器选择具有该类的所有元素以应用日期选择器。

<script src="Scripts/bootstrap-datepicker.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            var dp = $('.dp');
            dp.datepicker({
                changeMonth: true,
                changeYear: true,
                format: "dd.mm.yyyy",
                language: "tr"
            }).on('changeDate', function (ev) {
                $(this).blur();
                $(this).datepicker('hide');
            });
        });
</script>

<asp:TextBox ID="txtStartDate" runat="server" Text='<%# Eval("Start_Date")%>' BackColor="LightGoldenrodYellow" CssClass="dp"></asp:TextBox>

您收到异常的原因是该代码执行的范围内没有txtStartDate。每个数据行都有一个txtStartDate 控件,但您不能在 GridView 行的上下文之外引用它们。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多