moonlightghost
moonlightghost
采纳率50%
2019-10-18 10:12 阅读 379

ElmentUI 在Asp.net mvc 中数据交互问题

5

我在asp.net mvc 项目中引入了vue.js,element.js,element.css,axios.js

想用element实现增删改查

之前使用了easyui实现了表格数据的增删改查

删除功能的部分代码如下

    <script>
    //删除设备
    function btnDeleteEvent() {
        var selectRow = $('#dgList').datalist('getSelected');
        if (selectRow == null || selectRow == undefined) {
            $.messager.alert({
                icon: 'warning',
                title: '提示',
                msg: '请选择一条记录'
            });
            return;
        }
        $.deleteForm({
            url: 'ActionDeleteDevice',
            param: { ID: selectRow.DeviceIndex },
            title: '删除提示',
            prompt: '确定要删除“' + selectRow.Name + '”?',
            success: function (result) {
                if (result.state) {
                    $('#dgList').datagrid("reload");
                }
            }
        });
    }

选中一行数据,点击表外的删除按钮删除数据,把选中行的数据传给控制层
的ActionDeleteDevice处理,这段代码换成elementui改如何实现。

主要不知如何把选中行数据传到控制层,我想使用elementui实现这部分功能,不知如何完成,请大佬指教!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

1条回答 默认 最新

  • NByanghuichao FB208 2019-10-18 15:28

    这不是ElementUI的问题,要用Vue
    参考vue网络请求

    var vm = new Vue({
            el:'#app',
            methods:{
                del:function(){
                    var url = "ActionDeleteDevice?id=";
                  this.$http.get(url).then(function(response){
                        console.log(response.body)
                    },function(err){
                    })
                }
            }
        })
    
    
    点赞 评论 复制链接分享

相关推荐