若依多模块使用下拉列表 select2的搜索功能

若依多模块使用下拉列表 select2的搜索功能

  • 1.熟悉若依对于资源引用方法
    • footer的模块资源的定义
    • footer模块资源的引用
  • 2.定义select2模块资源并引入
    • head标签中引入 select2 css模块资源
    • footer之后引入 select2 js模块资源
  • 3.效果图

1.熟悉若依对于资源引用方法

footer的模块资源的定义

若依多模块使用下拉列表 select2的搜索功能_第1张图片

footer模块资源的引用

若依多模块使用下拉列表 select2的搜索功能_第2张图片

由此可以看出通过 th::fragment属性 可以定义某个模块资源
通过th::include可以引入资源

2.定义select2模块资源并引入

若依多模块使用下拉列表 select2的搜索功能_第3张图片在include文件中我们可以看到select2相关的模块资源已经被定义好,这里我们可以直接引入

head标签中引入 select2 css模块资源

若依多模块使用下拉列表 select2的搜索功能_第4张图片

footer之后引入 select2 js模块资源

若依多模块使用下拉列表 select2的搜索功能_第5张图片
因为js中可能使用到了与jq的相关标签,jq的引入是在footer模块资源中,所以我们在footer之后引入才能正确实现显示搜索框的效果

3.效果图

若依多模块使用下拉列表 select2的搜索功能_第6张图片
若依多模块使用下拉列表 select2的搜索功能_第7张图片
一行代码都不用写,实在是太happy了,我爱若依 我爱select2。

更多技术问题请加入QQ群(群号1042665377)一起交流吧:
若依多模块使用下拉列表 select2的搜索功能_第8张图片
龙小智物联网官网连接

你可能感兴趣的:(java开发,若依)