fastadmin 实现动态修改selectpage
实现效果![在这里插入图片描述](https://img-blog.csd
实现效果
前端代码
<div class="form-group">
<label for="content" class="control-label col-xs-12 col-sm-2">用户角色:</label>
<div class="col-xs-12 col-sm-8">
{:build_radios('row[type]', [1=>"供应商",2=>"我是加工厂/工程商",3=>"我是施工队",4=>"个人/我要求职"], $row['type'])}
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('用户类型')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="selecttype" data-rule="required" data-source="type/index" data-field="name" class="form-control selectpage" data-multiple="true" data-params='{"wherein[type]":1}' name="row[type_ids]" type="text" value="{$row.type_ids|htmlentities}">
</div>
对应控制器的js修改
api: {
bindevent: function () {
Form.api.bindevent($("form[role=form]"));
//selecttype 切换redio的id 点击切换改变对应的参数
$("#selecttype").data("params", function (obj) {
var type = $('input[name="row[type]"]:checked').val();
return {custom: {type: type}};
});
//清楚之前选中的值
$('input[name="row[type]"]').click(function(event) {
// 清除选择
$("#selecttype").selectPageClear();
});
}
}
相关文章
- okhttp、okhttp3使用post方式发送form-data数据
- JAVA字符串逗号分隔并对每个字符串添加引号
- [Docker系列] Install BaoTa with Docker
- [信创系列]银河麒麟安装nodejs18和npm2,并启动对应工程
- EasyExcel导出Excel并合并单元格
- Python3安装pip及pip安装whl包
- [Ubuntu系列]Ubuntu 安装 Harbor
- [Ubuntu系列]Ubuntu 安装 docker 及修改 docker 存储位置
- [Centos系列]CentOS 修改 DNS
- [Centos系列]source /etc/profile 无法永久生效问题
发表评论
评论列表
- 这篇文章还没有收到评论,赶紧来抢沙发吧~