easyui的combobox重新渲染

使用easyui的combobox插件需要先引入easyui的js库:

easyui.min.js资源地址:https://download.csdn.net/download/github_39557053/10298580


  然后在select标签的class中加上“easyui-combobox”属性,通过实践猜测这个属性应该是在页面加载的时候进行的组件渲染。但是在后边需要自己用js动态新增下拉框标签,但是新增的下拉框标签不可动态渲染,经过网上查询资料,使用了:

 

 

$(".easyui-combobox").combobox({});

  这个的确是可以动态渲染新加的组件,但是这是一个全局刷新,意思就是会把之前选择的下拉框也会重置,这就造成了一个问题,我选择一个选项,点击新增下拉框,我上边的那个下拉框的值就变成了初始值,这个问题困扰了我好久。

 

  后来经过一系列的尝试,找到一个解决方案。

  可以在class中动态的添加一个class当,组件渲染完成后,再动态的将这个class去掉,这样就完美解决了会重复渲染问题。

  附我们前端大牛的一段代码,移除class 防止日后遗忘:

 

$this.parent().siblings(".price").find('.form-control').removeClass("class")

 附动态下拉框赋值:

 

 

$('#id').combobox('select', data.属性);
 

 

你可能感兴趣的:(easyui)