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

推荐订阅源

大猫的无限游戏
大猫的无限游戏
D
DataBreaches.Net
M
MIT News - Artificial intelligence
量子位
N
Netflix TechBlog - Medium
The Cloudflare Blog
The GitHub Blog
The GitHub Blog
P
Proofpoint News Feed
人人都是产品经理
人人都是产品经理
B
Blog RSS Feed
B
Blog
博客园_首页
博客园 - Franky
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
Apple Machine Learning Research
Apple Machine Learning Research
MongoDB | Blog
MongoDB | Blog
云风的 BLOG
云风的 BLOG
爱范儿
爱范儿
H
Help Net Security
Y
Y Combinator Blog
Stack Overflow Blog
Stack Overflow Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell

博客园 - 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
}