如何在JQuery/Javascript中从数据表单元访问复杂的对象组合

Question

我有一个视图模型（Microsoft MVC视图）的Record对象列表，该视图模型具有以下变量：

Variable1 of string type
Variable2 of int type
... 

我有一个Record对象的剃刀视图，表如下：

<table id="MyTable">
    <thead>
        <tr>
            <th class="col1" id="Column1">Column1</th>
            <th class="col2" id="Column2">Column2</th>
            <th class="col3" id="Column3">Column3</th>
        </tr>
    </thead>
    <tbody>
        @foreach (Record currentRecord in ListOfRecords)            {
            <tr>
                <td class="col1">X</td>
                <td class="col2">Y</td>
                <td class="col3">@currentRecord</td>
            </tr>
        }
    </tbody>
</table>

然后在我的JQuery:中

$(document).ready(function () {
    function displayData(datainput) {
        alert(datainput.Variable1)
    }
    var oTable = $('#MyTable').DataTable({
        "oLanguage": { "sSearch": "Search all columns:" },
        "sScrollY": "200px",
        "bPaginate": false
    });
    $('#MyTable tbody').on('click', 'td', function () {
        var rowIndex = oTable.cell(this).index().row;
        var theData = oTable.cell(rowIndex,2).data();
        displayData(theData)
    });
});

其想法是将用户单击的特定行的记录对象中的变量1显示为警报文本，特别是在displayData函数中。但是我无法在displayData函数中找到那个变量。警报显示未定义，而不是变量1的值。是否有一种特定的方式需要我传递参数？我是JavaScript/JQuery/Razor视图的新手，所以如果可以的话，请帮忙。

谢谢。

Answer 1

对于那些感兴趣的人，使用Json使其工作，首先在视图中对其进行编码：

<tbody>
    @foreach (Record currentRecord in ListOfRecords)            {
        <tr>
            <td class="col1">X</td>
            <td class="col2">Y</td>
            <td class="col3">@Html.Raw(Json.Encode(currentRecord))</td>
        </tr>
    }
</tbody>

然后在脚本中解析：

$('#MyTable tbody').on('click', 'td', function () {
    var rowIndex = oTable.cell(this).index().row;
    var theData = jQuery.parseJSON(oTable.cell(rowIndex,2).data());
    displayData(theData)
});