【问题标题】:Running at Server Without Changing ID在服务器上运行而不更改 ID
【发布时间】:2013-10-01 01:52:21
【问题描述】:

有没有办法设置元素runat="server" 而不会改变id?

我有一个母版页和一个内容页。此内容页面中有一个 ID 为 id="fulllist_list_table" 的表格。如果我将runat="server" 应用于tbl 元素,则id 变为id="ctl00_content_fulllist_list_table。我宁愿这种改变不要发生。

有没有办法让上述场景不改变表格元素的id?

代码如下。

内容 HTML

<%@ Page Language="C#" MasterPageFile="master.master" Inherits="DenApp.fulllist" Title="DenApp - Full List"%>
<asp:content ID="contentInternal" contentplaceholderid="content" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        $("#master_tabs_div_fulllist").removeClass("master_tabs_links");
        $("#master_tabs_div_fulllist_div").removeClass("master_tabs_tabs");
        $("#master_tabs_div_fulllist_div").addClass("master_tabs_selected");
        $("#fulllist_list_table").tablesorter({
            widgets: ["zebra", "filter"],
            widgetOptions: {
                filter_childRows: false,
                filter_columnFilter: true,
                filter_ignoreCase: true,
                filter_liveSearch: true,
                filter_searchDelay: 100,
                filter_startsWith: true,
            }
        });
        $("#fulllist_list_table").tablesorterPager({
            container: $("#fulllist_paging_div"),
            size: 25,
            output: '{startRow}-{endRow}/{totalRows}',
            cssNext: '#fulllist_paging_div_nextbtn',
            cssPrev: '#fulllist_paging_div_prevbtn',
            cssFirst: '#fulllist_paging_div_firstbtn',
            cssLast: '#fulllist_paging_div_lastbtn',
            cssPageSize: '#fulllist_paging_div_pagesize',
        });


});
</script>
<link rel="Stylesheet" href="./css/fulllist.css" />
    <div id="master_content_wrapper">
        <div id="fulllist_list_div">
            <table id="fulllist_list_table" class="tablesorter" runat="server" clientidmode="Static">
                <thead>
                    <tr>
                        <th>Account Number</th>
                        <th>Patient Name</th>
                        <th>Plan Code</th>
                        <th>Carrier</th>
                        <th>Billed Patient Type</th>
                        <th>Initial Patient Type</th>
                        <th>Denial Code</th>
                        <th>Denial Reason</th>
                        <th>Admit Date</th>
                        <th>Discharge Date</th>
                        <th>Appeal Amount</th>
                        <th>Total Charges</th>
                        <th>Received Date</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>C0000000000</td>
                        <td>Smith, John T</td>
                        <td>000000</td>
                        <td>Insurance</td>
                        <td>PT</td>
                        <td>PT</td>
                        <td>0000</td>
                        <td>Denied</td>
                        <td>01/01/01</td>
                        <td>01/01/01</td>
                        <td>$100.00</td>
                        <td>$100.00</td>
                        <td>01/04/01</td>
                    </tr>
                    <tr>
                        <td>C0000000001</td>
                        <td>Rita, John T</td>
                        <td>000001</td>
                        <td>Insurance</td>
                        <td>PT</td>
                        <td>PT</td>
                        <td>0000</td>
                        <td>Denied</td>
                        <td>02/01/01</td>
                        <td>01/02/01</td>
                        <td>$200.00</td>
                        <td>$1,000,000.00</td>
                        <td>01/04/01</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="fulllist_paging_div">
            <div id="fulllist_paging_div_firstbtn" class="fulllist_tablenav">
            </div>
            <div id="fulllist_paging_div_prevbtn" class="fulllist_tablenav">
            </div>
            <div id="fulllist_paging_div_numpages_div" >
                <select id="fulllist_paging_div_pagesize">
                    <option value="10">10</option>
                    <option selected="selected" value="25">25</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="150">150</option>
                    <option value="200">200</option>
                </select>
            </div>
            <div id="fulllist_paging_div_pagedisplay" class="pagedisplay">
            </div>
            <div id="fulllist_paging_div_nextbtn" class="fulllist_tablenav">
            </div>
            <div id="fulllist_paging_div_lastbtn" class="fulllist_tablenav">
            </div>
        </div>
    </div>
</asp:content>

【问题讨论】:

  • 我想知道为什么我没有得到那种行为。我发现了这个:stackoverflow.com/questions/4437717/… 可能是您使用的是旧 ASP.NET 版本?
  • 我相信我们的服务器在 ASP.NET 2 上运行。我们可能最近安装了 3.5 更新,但不是 4.0。
  • 我没有解决方案,因为我认为在 4.0 之前的任何版本中都无法阻止这种行为,但这篇文章至少可以提供一些见解,因为像 'ClientIDMode' 这样的东西才可用 > = .NET 4.0:weblogs.asp.net/scottgu/archive/2010/03/30/…
  • 您是否可以更改您的 css 使其以 ctl00_content_fulllist_list_table 为目标,因为该名称不会更改?
  • @KaiHartmann 我希望情况并非如此,但它看起来就是这样。感谢您提供信息。

标签: c# html .net html-table identity


【解决方案1】:

ClientIDMode 设置为Static 到表格元素。

<table id="fulllist_list_table" runat="server" clientidmode="Static">

正如您在评论中提到您正在使用.Net 2.0 框架,所以我想告诉您,不幸的是ClientIDModeframework 4.0 之前不可用。 看here for this change

旧版本的值为Auto

【讨论】:

  • 标签现在显示为 ,但 id 仍然发生变化。
  • 它是如何变化的?您如何访问此 ID。你能给我们看看代码吗?
  • 添加了上面的代码。无论 clientidmode 如何,id 都会更改为 ctl00_content_fulllist_list_table。我知道它会改变,因为通过 css 和 jquery 应用的格式没有运行。此外,在检查视图源时,我可以看到 id 已更改。如果有帮助,我正在使用 .NET 2.0。
  • @steventnorris - 使用 .NET 2.0 - 只需为您的 CSS 使用 CssClass 属性。 msdn.microsoft.com/en-us/library/… 对于您的 javascript/jquery,您可以像这样选择它: $('#') 只要您知道如何导航框架,您就可以做任何您想做的事情。我从来没有受到 .NET 2.0 的限制。
猜你喜欢
  • 2016-03-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-10
  • 1970-01-01
  • 2021-03-29
相关资源
最近更新 更多