惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
Y
Y Combinator Blog
I
InfoQ
Recent Announcements
Recent Announcements
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - Franky
IT之家
IT之家
H
Help Net Security
月光博客
月光博客
S
SegmentFault 最新的问题
B
Blog
aimingoo的专栏
aimingoo的专栏
GbyAI
GbyAI
P
Proofpoint News Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
G
Google Developers Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
U
Unit 42
Vercel News
Vercel News
博客园 - 叶小钗
Microsoft Security Blog
Microsoft Security Blog
腾讯CDC
Jina AI
Jina AI
T
The Blog of Author Tim Ferriss

博客园 - tying

fastadmin mongodb 处理及使用 mysql的知识扩展 <论语> fastadmin配合宝塔面板造成cors error 跨域问题 一个小并发,引起的数据错误 小型在线聊天功能 fastadmin数据库操作 技术文章分享 shopxo学习过程 fastadmin 開發好文章 2024-11-13关于监管特殊停牌炒作股票事件--兼此事件复盘 深入浅出的讲解mysql优化 关于gruop by,where和order by ,以及一些mysql的探讨 fastadmin使用感受 fastadmin命令行模式--command mac 下Fastadmin 框架搭建 Mac电脑php环境搭建 关于php+mysql性能在实际工作中的应用实例 yii2的单元测试 d8的入口文件及引申
fastadmin常用前端组件
tying · 2024-11-27 · via 博客园 - tying

1.下拉菜单,三级联动

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">省、市、区</label>
    <div class="col-xs-12 col-sm-8">
        <div id="locations">
            <div class="location">
                <div class="form-control-static">
                    <div class="form-inline" data-toggle="cxselect" data-selects="province,city,district">:
                        <select class="province form-control" data-value="{$row.province_id|htmlentities}" data-rule="required" data-target="#location-error" name="row[province_id]" data-query-name="pid" data-url="xilujob/job/area" >
                        </select>
                        <select class="city form-control" data-value="{$row.city_id|htmlentities}"  data-rule="required" data-target="#location-error" name="row[city_id]" data-query-name="pid" data-url="xilujob/job/area">
                        </select>
                        <select class="district form-control" data-value="{$row.district_id|htmlentities}" data-rule="required" data-target="#location-error" name="row[district_id]" data-query-name="pid" data-url="xilujob/job/area">
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

属性值  

data-value  默认选中值,在编辑页面中常用
data-url = 服务端获取选项的地址
data-query-name  url的参数,例如上述代码,加上数值联动后变为 /xilujob/job/area?pid=466,其中pid 即为 data-query-name定义

服务端的json格式如下

{
  "code": 1,
  "msg": "",
  "data": [    // 最主要为data值,其他无所谓
                  {
                       "value": 2,
                       "name": "北京市"
                  }
              ],
   "url": "xilujob.job/area",
     "wait": 3
}