主页 > 软件开发  > 

fastadmin自定义弹窗

fastadmin自定义弹窗

总结:

1. 在js中,加要跳转的html地址、跳转触发的按钮,触发的事件逻辑。

Fast.api.open($.fn.bootstrapTable.defaults.extend.edit_balance_url + '?user_id=' + id,'手动修改余额'),{ callback: function (data, ret) { //关闭弹窗 Fast.api.close(); //刷新页面 location.reload(); } }

这里的edit_balance_url 是放在顶部的:

Table.api.init({ extend: { edit_balance_url: 'hcdrsp/users/user/balance', } });

这里的URL是view的页面,而并非控制器,也就是说,要弹窗显示的页面就是这个

2. 放对应的html代码,构成弹窗的页面。

页面form标签下可以直接引js,用<script>,页面说白了就是form表单

表单里的代码提交使用了

Fast.api.ajax({ url: "hcdrsp/users.User/balance", // 确保这是正确的路径 data: formData }, function(data, ret) {}

全部的代码

$('#bal-form').on('submit', function(event) { event.preventDefault(); // 防止默认提交行为

var formData = $(this).serialize();

Fast.api.ajax({ url: "hcdrsp/users.User/balance", // 这里是后台接口路径,admin中的 data: formData }, function(data, ret) { // 刷新页面 Fast.api.close(); parent.$('#refresh').click(); parent.location.reload(); // 刷新父页面 return false; }, function(data, ret) {<

标签:

fastadmin自定义弹窗由讯客互联软件开发栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“fastadmin自定义弹窗