Question

我不是C＃和ASP.Net的专业人士所以请耐心等待我。

我有以下问题。

我正在使用带有C＃的ASP.Net WebForm API来创建仪表板。

我有一个将显示的通用HTML表（从sql查询中取出）。现在我想实现这个功能，当用户点击列ID中的单元格时，他应该得到一个详细信息视图，这是一个自举模式。为此，我需要此单元格中的ID值。我怎样才能得到这个值？

使用该值，我将启动一个新的SQL查询，并将显示更多其他特定信息。

这是我的aspx。结构：

<table id="MyTable" class="table table-striped table-bordered table-condensed table-responsive">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Typ</th>
                            <th>Something else</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        <%=Tabelle.GetTable.dataTable_all%>
                    </tbody>
                </table>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#MyTable').DataTable();
                    });
                </script>

变量dataTable_all是一个字符串。所以这是我在HTML Code中的表格。

我<tbody>的结果是366行，这是一个摘录：

                        <tr>
                            <td>154789</td>
                            <td>Testproject X</td>
                            <td>Good</td>
                            <td>greencolored</td>
                            <td>01.01.2015</td>
                        </tr>
                        <tr>
                            <td>189365</td>
                            <td>Testproject B</td>
                            <td>Good</td>
                            <td>redcolored</td>
                            <td>08.01.2015</td>
                        </tr>
                        <tr>
                            <td>136471</td>
                            <td>Testproject Y</td>
                            <td>Bad</td>
                            <td>pinkcolored</td>
                            <td>15.04.2015</td>
                        </tr>

那么我怎么能这样做呢？当我点击例如ID 136471时，该值将被赋予我的c＃代码中的变量？

Answer 1

更改为：

<tr data-id="154789">
    <td>154789</td>
    <td>Testproject X</td>
    <td>Good</td>
    <td>greencolored</td>
    <td>01.01.2015</td>
</tr>
<tr data-id="189365">
    <td>189365</td>
    <td>Testproject B</td>
    <td>Good</td>
    <td>redcolored</td>
    <td>08.01.2015</td>
</tr>
<tr data-id="136471">
    <td>136471</td>
    <td>Testproject Y</td>
    <td>Bad</td>
    <td>pinkcolored</td>
    <td>15.04.2015</td>
</tr>

然后使用：

$('tbody tr').click(function() {
  alert($(this).data('id'));
});

工作演示 https://jsfiddle.net/jknysneo/

ASP.Net点击

1 个答案: