结合Ruoyi 我用 Bootstrap-duallistbox动态获取数据

结合网友给的参考案例    https://blog.csdn.net/qinshijangshan/article/details/80179602

我自己写了个左右互选的组件

原作者的JS开发能力还是比我要高的；

我的代码如下，留个纪念吧。

  1 
  2 
  3 
  4     
  5     
  6 
  7 
  8 

  9     

 10         

 11             

 12                 

 13                     
双重列表框 
 14                 
 15                 

 16                     

 17                         Bootstrap Dual Listbox是针对Twitter Bootstrap进行了优化的响应式双列表框。它适用于所有现代浏览器和触摸设备。
 18                     
 19 
 20                     

 21                         
 22 
 23                         
 24 
 25 
 26 
 27                     
 28                     

 29                     

 30                         相关参数详细信息
 31                         
http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-duallistbox
 32                     
 33                 
 34             
 35         
 36     
 37 
 38 
 39 
 40 
 41 
 42 
 43 
132 
133 

html>
lang="zh">

    <th:block th:include="include :: header('左右互选组件')" />
    <th:block th:include="include :: bootstrap-duallistbox-css" />

class="gray-bg">
class="wrapper wrapper-content animated fadeInRight">
    
class="row">
        
class="col-md-6">
            
class="ibox">
                
class="ibox-title">
                    
双重列表框 

                

                
class="ibox-content">
                    

Bootstrap Dual Listbox是针对Twitter Bootstrap进行了优化的响应式双列表框。它适用于所有现代浏览器和触摸设备。


                    
id="form" action="#" class="wizard-big">
                        id="stockcode"  name="stockcode"    multiple="multiple"  >

                        



                    
                    

                    
class="form-group">
                        class="font-noraml">相关参数详细信息
                        
href="http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-duallistbox" target="_blank">http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-duallistbox

                    

                

            

        

    


<th:block th:include="include :: footer" />
<th:block th:include="include :: bootstrap-duallistbox-js" />
<th:block th:include="include :: bootstrap-duallistbox-css" />
<th:block th:include="include :: bootstrap-select-js" />
<th:block th:include="include :: bootstrap-select-css" />