关于layuiadmin个人基本资料的显示问题?

提问 已结
11 106
不一样的程序猿
悬赏:20飞吻
个人基本资料这边,是不是跟table的编辑一样啊?具体怎么操作?table是放在工具栏里面操作的,这个个人资料页面怎么才能拿到数据,然后还要更新数据返回给后台?初学者表示很迷茫。。。有大佬写过么,可以给小白贴一下代码不[抱抱]
回帖
  • IDyun
    2018-11-2
    form.on('submit(test)', function(obj){    
    //提交修改
    admin.req({
    url: ''
    ,data: obj.field
    ,success: function(result){
    layer.msg(result.msg);
    layer.msg(result.code);
    layer.msg(result.data);
    }
    });
    return false;
    });
    0 回复
  • IDyun
    2018-11-2
    https://www.layui.com/demo/form.html

    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    <form class="layui-form" action="">
    <div class="layui-form-item">
    <label class="layui-form-label">单行输入框</label>
    <div class="layui-input-block">
    <input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <div class="layui-input-block">
    <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
    </div>
    </form>

    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
    <script>
    layui.use(['form', function(){
    var form = layui.form
    //监听提交
    form.on('submit(demo1)', function(data){
    layer.alert(JSON.stringify(data.field), {
    title: '最终的提交信息'
    })
    return false;
    });
    }
    </script>
    0 回复
  • Zlheb
    2018-11-2
    用table还是用form取决于你的业务,至于拿到数据很简单,如果是修改管理员资料的话都不需要传值,直接打开页面后台返回当前管理员信息然后修改就可以,如果是修改table中某个人员的信息那么就需要知道要修改谁,table可以监听工具条的点击然后获得当前行数据,将要修改的人员ID或者其他信息传给编辑页面然后展示信息最后修改,初学者不应该只想坐享其成,应该自己动手做一下,不会的或者没思路的用谷歌或者百度查一下,做程序没有谁不是写代码写出来的
    0 回复
  • @Zlheb 大佬教训的是。table工具栏已经写完了,目前卡在了基本资料这边,基本资料也已经拿到数据了,然后修改的时候是继续用req网后台传field嘛?
    0 回复
  • @IDyun 我用的这个获取到值的

    admin.req({
    url:'xxxxx',
    success:function(data){
    form.val("example", data);
    }
    })


    0 回复
  • Zlheb
    2018-11-2
    @不一样的程序猿 你说req那应该是用的收费版了,我没有购买不清楚是怎么提交数据的,但是框架只是一种帮助开发的手段。不用这个框架也能够提交数据,建议你看一下文档
    0 回复
  • @Zlheb 嗯呢好的大佬。确实是收费版的,因为也是第一次用这个,所以孩子不断学习中,感谢指导[心]
    0 回复
  • @IDyun 大佬大佬,我是这样写的,目前已经拿到数据也修改成功了。

    //获取信息
    admin.req({
    url:'xxx show',
    success:function(data){
    form.val("example", data);
    //监听提交
    form.on('submit(test)', function(data){
    //提交修改
    admin.req({
    type:'post'
    ,url: 'xxx update'
    ,data: data.field
    ,success: function(data){
    if (data.code == 0) {
    //location.reload();
    }
    layer.msg(data.msg);
    },
    error: function () {
    layer.msg("出现错误");
    return false;
    }
    });
    return false;
    });
    }
    })
    0 回复
  • @IDyun 感谢指导~~~嘻嘻
    0 回复
  • IDyun
    2018-11-2
    layui.use(['form'], function(){
    //获取信息
    admin.req({
    url: 'xxx show',
    success: function(data) {
    form.val("example", data);
    }
    })
    //监听提交
    form.on('submit(example)',
    function(data) {
    //提交修改
    admin.req({
    type: 'post',
    url: 'xxx update',
    data: data.field,
    success: function(data) {
    if (data.code == 0) {
    //location.reload();
    }
    layer.msg(data.msg);
    },
    error: function() {
    layer.msg("出现错误");
    return false;
    }
    });
    return false;
    });
    )}
    写在 layui.use(function(){ //代码}) 回调里面就可以了
    0 回复
  • @IDyun 嗯呢,谢谢,么么哒~我已经重新调整了[害羞]
    0 回复