WTM(ASP.NET Core)框架,JS/JQ获取数据表格数据

一、在XXXListVM中自定义按钮

this.MakeAction(null,null,"服务详情",null, GridActionParameterTypesEnum.SingleId).SetOnClickScript("test").SetShowInRow(true).SetHideOnToolBar(true),  

 注意需要给按钮传递id参数。GridActionParameterTypesEnum.SingleId。

二、给grid表格重新定义id

<wt:grid vm="@Model" url="/CURD/ReportForm/Search" hidden-grid-index="true" id="grid1"/>

 三、在test方法中获取表格值,及选中行数据。

<script>

    function test(id) {
        //id为 GridActionParameterTypesEnum.SingleId传递参数
        var loaddata = layui.table.cache['grid1'];
        //获取grid1整个表数据
        loaddata.forEach(function (val, i) {
            if (val.ID == id) {
                //获取选中行对应字段数据
                console.log(val.CurrentMonth)
            }
        })
        //console.log(loaddata);
        //console.log(id);
    }

</script>

猜你喜欢

转载自blog.csdn.net/sxy_student/article/details/105899914