从动态htmlTable获取vb.net中的数据

时间:2014-09-24 14:02:46

标签: javascript jquery html asp.net vb.net

我有一个html表,我在服务器级别运行。但是,我无法访问正在填充的数据。

我使用javascript填充表格,但我需要使用vb.net访问数据。

我使用jquery使用.html方法将信息提供给页面。

这是我的javascript,

function ShowProj(strId, qno,ar) {
        $('#hiddenQno').val(qno);
        $('#qnoLbl').val(qno);
        var output = '';
        output = "<tr><th>Product</th>";
        output += "<th>Bond</th>";
        output += "<th>Cut</th>";
        output += "<th>Pack</th>";
        output += "<th>Delivery date</th></tr>";
        for (i = 0; i < ar.length; i++) {
            output += "<tr>";
            output += "<td style='width: 40%;'>" + ar[i][0] + "</td>";
            output += "<td style='width: 10%; text-align: center;'><input type='checkbox' " + (ar[i][1] == 1 ? 'checked' : '') + " /></td>";
            output += "<td style='width: 10%; text-align: center;'><input type='checkbox' " + (ar[i][2] == 1 ? 'checked' : '') + " /></td>";
            output += "<td style='width: 10%; text-align: center;'><input type='checkbox' " + (ar[i][3] == 1 ? 'checked' : '') + " /></td>";
            output += "<td style='width: 30%;'><input type='text' value='" + ar[i][4] + "'/><input type='hidden' value='" + ar[i][5] + "' /></td>";
            output += "</tr>"
        }
        $('#projGrid').html(output);
    }

我使用`ArrayList。

从vb.net传递信息

这是我的HTML,

<div class="modalPopup" id="projPopup" style="width: 40%;">
                <table style="width:100%;">
                    <tr>
                        <td colspan="2">
                            <table id="projGrid" runat="server" style="width: 100%;border: 1px solid black; font-size: 16;">
                            </table>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            &nbsp;</td>
                        <td>
                            &nbsp;</td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Button ID="projOk" runat="server" Text="Update" /></td>
                        <td>
                        <asp:Button ID="projCncl" runat="server" Text="Cancel" />
                        </td>
                    </tr>
                </table>
            </div>

这是我的vb.net。

For Each row As HtmlTableRow In projGrid.Rows
            'Dim chkBond As HtmlInputCheckBox = row.Cells(1).Controls(0)
            Dim str As String
            str = row.Cells(0).InnerText
        Next

3 个答案:

答案 0 :(得分:2)

在回发后,在JS中创建的动态行将不会在服务器上可用,因为它不在viewstate中 要解决此问题,您可以执行以下操作

您可以向页面添加隐藏的输入字段,如

<input type="hidden" id="hiddenTableData" name="hiddenTableData" value="" />

然后在您的脚本中将您需要的数据添加到隐藏的输入字段

$('#hiddenTableData').val(JSON.stringify(ar));

然后在页面上的服务器上发回,获取表单隐藏字段的值

String tableData= Request.Form["hiddenTableData"];

解析隐藏的字段值,填充表格并进行处理

答案 1 :(得分:1)

如果您使用JavaScript Method或服务来填充任何控件,那么您将无法在代码页获取数据。但您可以将该数组传递给代码页,然后可以根据需要轻松获取数据。

  

为此,您应该创建一个与数组(在您正在使用的网页中)和Web方法相同的类   它接受这个(数组)类类型。

答案 2 :(得分:1)

我在最后尝试过相同的例子,并面临同样的问题,即生成的TR无法在后面的代码中访问。这是因为,它们是使用动态JS添加的,并且这些不会被放入VIEWSTATE,因为现在,只有在VIEWSTATE中,ASP控件值才能在POSTBACK后面的代码中使用。在这种情况下它不是,调试器也是如此说projGrid.Rows.Count = 0.为了使它工作,你需要将更改/动态JS添加到VIEWSTATE,但是那些是编码格式,我害怕,如何这样做。

但是如果你在表中放置任何静态TR,那么肯定是可访问的,我已经验证在调试器中,它表示projectGrid.Rows.Count = 1,如果表中只有一个静态TR。再次因为,静态TR仅在VIEWSTATE中。

总而言之,在我看来,最好在JS方面处理,如果要将这些值保存到DB,然后进行AJAX调用并保存,并以JSON格式传递数据。或者使用隐藏字段,并以JSON格式保存这些数据,并在发布后,获取后面的代码,读取JSON格式数据并进行操作。