若依框架form表单重置功能reset与select2组件不兼容问题处理

最近在搜素条件处使用了搜素下拉框,发现点击重置后,搜索下拉框内的信息未置空,但是该搜素条件已经对获取列表接口无效,列表展示的信息是全部信息。

思考了一下,也就是搜素下拉框(select2组件)与重置功能不兼容这么一回事,下图红色内容只是我做的一个猜测,估计八九不离十。
在这里插入图片描述
后来就想着针对select2作为搜素条件的情况,重写了重置功能,代码如下:


 <li>
  <a class="btn btn-primary btn-rounded btn-sm" 
     	onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
 <a class="btn btn-warning btn-rounded btn-sm" 
	   onclick="resetForm('formId','bootstrap-table')"><i class="fa fa-refresh"></i>&nbsp;重置	   </a>
</li>


//form表单重置
function  resetForm(formId,tableId) {
    $("#centerCode").val("").select2(); //搜素下拉框的id置空并利用select2的语法。
    $("#docType").val("").select2();
    table.set(tableId);
    var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
    $("#" + currentId)[0].reset();
    $("#" + tableId).bootstrapTable('refresh');

}

然后我们再次针对select组件的搜索框选择搜素条件后重置后效果如下:

在这里插入图片描述
至此就ok了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

博客胡

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值