如何将jquery数据表绑定到模型(列表)

时间:2017-11-30 11:56:01

标签: c# jquery asp.net-mvc datatables

我需要一个带有CRUD操作的数据表。如何将数据模型映射到数据表?

这是我的控制器方法:

[HttpGet]
public ActionResult Q_FourthPage()
    // GET request: either answers exist, or it's the first time this page is loaded
    // if answers exist, the table must be populated
    {
        // create model matrix
        var vmmatrix = new List<Models.Capacity>();
        var vm = new ViewModels.Q4_Answer_VM();
        vm.Matrix = vmmatrix;
        int userid = Convert.ToInt32(Session["qstid"]);
        if (db.Capacities.Any(x => x.Questionnaire_ID == userid))
        {
            // add capacities
            vm.Matrix.AddRange(db.Capacities.Where(x => x.Questionnaire_ID == userid).ToList());
        }

        return View(vm);
    }

以下是视图中的表格:

@model MyANTon.ViewModels.Q4_Answer_VM

<table class="grid" id="datatable" style="table-layout:fixed">
    <thead>
        <tr style="text-align: center">
            <th style="vertical-align: middle">Nr.</th>
            <th>Last</th>
            <th>Quelle</th>
            <th>Ziel</th>
            <th>Frequenz [/h]</th>
            <th>Abstand [m]</th>
            <th>Zeile löschen</th>
    </thead>
    <tbody>
    </tbody>

</table>

这是javascript,直到现在只添加一个简单输入的行。在此输入中,我希望能够向数据模型添加元素。

$(document).ready(function () {

    debugger; 
    var t = $('#datatable').DataTable();
    $('#BtnPlus').on('click', function () {        
    t.row.add([
        '<th><input type="text"/></th>',
        '<th><input type="text"/></th>',
        '<th><input type="text"/></th>',
        '<th><input type="text"/></th>',
        '<th><input type="text"/></th>',
        '<th><input type="text"/></th>',
        '<th><input type="button" id="BtnPlus" name="BtnMinus" value="-" align="center" style="vertical-align: middle" /></th> '
    ]).draw();
    counter++;
});

});

我的问题是:如何将输入绑定到模型?与此类似,如何在第一次加载页面时将模型绑定到GET请求?我需要预先填充表格。 我想这就是ajax调用发挥作用的地方;不幸的是,我真的不知道从哪里开始。

谢谢。

0 个答案:

没有答案