动态下拉框

  1. //下拉框异步加载
  2. function asyncSelect(thisId, grade, selectNodeName) {
  3. $("#" + selectNodeName + "").empty();
  4. $("#" + selectNodeName + "").append("<option value=''>请选择</option>");
  5. //异步加载二级选项
  6. $.ajax({
  7. url: this_URL,
  8. type: "get",
  9. dataType: "json",
  10. success: function (rep) {
  11. let result = rep.data;
  12. //一级菜单初始化
  13. $.each(result, function (index, item) {
  14. $("#" + selectNodeName + "").append(new Option(item.static_name, item.xline_id));
  15. });
  16. layui.form.render("select");
  17. }
  18. });
  19. }

设置下拉框某个选项选中

  1. $("#下拉框ID").val("被选项value");
  2. layui.form.render("select");

ajax常规格式

  1. $.ajax({
  2. //请求方式
  3. type: "POST",
  4. //请求的媒体类型
  5. contentType: "application/json;charset=UTF-8",
  6. //请求地址
  7. url: ctx + This_Url,
  8. //数据,json字符串
  9. data: JSON.stringify(date),
  10. traditional: true,
  11. //请求成功
  12. success: function (result) {
  13. //toDo
  14. } //请求失败,包含具体的错误信息
  15. error: function (e) {
  16. alert("失败发送");
  17. console.log(e.status);
  18. console.log(e.responseText);
  19. }
  20. });

数据表达 双击

  1. //双击事件::修改
  2. table.on('rowDouble(test)', function (obj) {
  3. //obj.data 整行数据信息
  4. //toDO。。。。。。
  5. });

时间选择器

  1. HTML:
  2. <input type="text" class="layui-input" name="audit_time" id="test8" placeholder="yyyy-MM-dd HH:mm:ss">
  3. CSS:
  4. //日期时间选择器
  5. laydate.render({
  6. elem: '#test8'
  7. , type: 'datetime'
  8. });

时间格式化常规

  1. //2020-02-11T12:24:18.000+0000转化成正常格式 yyyy-MM-dd HH:ss:mm
  2. function renderTime(date) {
  3. var dateee = new Date(date).toJSON();
  4. return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
  5. }

数据表格字段翻译 :templet

sort: true, //排序

fixed: 'left', //靠左

hide: true //隐藏

  1. {
  2. field: 'state',
  3. title: '状态',
  4. width: 100, templet: function push_time(d) {
  5. if (d.state == 0)
  6. return "无效";
  7. else if (d.state == 1)
  8. return "有效";
  9. else
  10. return "删除";
  11. }

LayuI 动态下拉框和动态设置选中的更多相关文章

  1. layui select 下拉框 级联 动态赋值 与获取选中值

    //下拉框必须在 class="layui-form" 里 不然监听事件没有作用 <div class="layui-form" > <div ...

  2. c# wpf ComboBox 动态下拉框 及 动态默认值设定

    1.下拉框声明 <ComboBox x:Name="DirComboBox" Width="150" Height="18" Marg ...

  3. layui 根据根据后台数据动态创建下拉框并同时默认选中

        第一步 form表单里写好一个下拉框 <div class="layui-form-item"> <label class="layui-for ...

  4. select change下拉框改变事件 设置选定项,禁用select

    select change下拉框改变事件 设置选定项,禁用select 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio ...

  5. bootstrap-multiselect.js多选下拉框初始化时默认选中初始值

    bootstrap-multiselect.js多选下拉框默认值设置 一.案例数据格式  二.HTML代码 <select id="msgRoles" multiple=&q ...

  6. jq select change下拉框选项变化判断选中值,添加(attr)或移除(removeAttr)一个或多个属性

    select change下拉框选项变化判断选中值,添加(attr)或移除(removeAttr)一个或多个属性 $("#IsRecommend").change(function ...

  7. jquery动态生成的select下拉框,怎么设置默认的选中项?

    这两天都被这问题困扰,可能是我不太懂前端.我做layui表格行编辑,点击编辑按钮弹出layer,里边有一个民族的下拉框不能直接显示后台传过来的值.我把民族数组用jquery添加到了select里边,可 ...

  8. layui下拉框后台动态赋值

    前台页面: <select name="xm" id="xm" lay-verify="required" lay-filter=&q ...

  9. excel 如何制作带下拉框的动态折线图表

    首先我们需要有个类似下图产品销量的基础数据表. 首先将光标放入表格中任意位置,然后插入一个不带点标记的折线图,然后将折线的颜色设置为灰色. 第一次设置成灰色后,一定善用f4快捷键进行快速的折线颜色设置 ...

  10. bootstrap-table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)

    1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.s ...

随机推荐

  1. 一篇文章带你掌握主流数据库框架——MyBatis

    一篇文章带你掌握主流数据库框架--MyBatis MyBatis 是一款优秀的持久层框架,它支持自定义 SQL.存储过程以及高级映射. 在之前的文章中我们学习了MYSQL和JDBC,但是这些东西远远不 ...

  2. k8s 中的 Pod 细节了解

    k8s中Pod的理解 基本概念 k8s 为什么使用 Pod 作为最小的管理单元 如何使用 Pod 1.自主式 Pod 2.控制器管理的 Pod 静态 Pod Pod的生命周期 Pod 如何直接暴露服务 ...

  3. Kubernetes 监控--Prometheus 高可用: Thanos

    前面我们已经学习了 Prometheus 的使用,了解了基本的 PromQL 语句以及结合 Grafana 来进行监控图表展示,通过 AlertManager 来进行报警,这些工具结合起来已经可以帮助 ...

  4. Elasticsearch: rollover API

    rollover使您可以根据索引大小,文档数或使用期限自动过渡到新索引. 当rollover触发后,将创建新索引,写别名(write alias)将更新为指向新索引,所有后续更新都将写入新索引. 对于 ...

  5. Alermanager_template,email

    default.tmpl {{ define "__subject" }}[{{ .Status | toUpper }}{{ if eq .Status "firing ...

  6. 第六章:Django 综合篇 - 5:自定义django-admin命令

    我们可以通过manage.py编写和注册自定义的命令. 自定义的管理命令对于独立脚本非常有用,特别是那些使用Linux的crontab服务,或者Windows的调度任务执行的脚本.比如,你有个需求,需 ...

  7. MySQL集群搭建(2)-主主从模式

    1 环境准备 上次我们搭建了主备架构,如下所示 这次我们的搭建目标是 具体配置信息 IP 系统 端口 MySQL版本 节点 读写 说明 192.168.41.83 Centos6.8 3306 5.7 ...

  8. Fluent插件管理

    官方文档地址:https://docs.fluentd.org/deployment/plugin-management 命令fluent-gem是Fluentd用来安装插件的,它是gem命令的包装器 ...

  9. nginx+gunicorn部署Django项目

    实际采用的nginx.conf文件内容: server { charset utf-8; listen 80; server_name ip; access_log /webapps/project/ ...

  10. 企业运维 | MySQL关系型数据库在Docker与Kubernetes容器环境中快速搭建部署主从实践

    [点击 关注「 WeiyiGeek」公众号 ] 设为「️ 星标」每天带你玩转网络安全运维.应用开发.物联网IOT学习! 希望各位看友[关注.点赞.评论.收藏.投币],助力每一个梦想. 本章目录 目录 ...