layui给下拉框、按钮状态、时间赋初始值的方法


Posted in Javascript onSeptember 10, 2019

如下所示:

layui给下拉框、按钮状态、时间赋初始值的方法

<!--弹框的dom结构-->
<div id="add_activity">
 <div style="width: 95%;height: 100%;margin: auto;">
  <form class="layui-form" lay-filter="formTest">
   <table class="layui-table"></table>
  </form>
 </div>
</div>
<script type="text/html" id="barDemo">
 <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
</script>
layui.use('table', function() {
 var table = layui.table;
 //监听行工具事件
 table.on('tool(test)', function(obj) {
  var d = obj.data;
  console.log(d);//可以打印出当前行的信息
  if(obj.event === 'edit') {
  //下拉框赋初始值
   var t = d.type; //活动类型 1秒杀2送券3特价
   //formTest 即 class="layui-form" 所在元素对应的 lay-filter="" 对应的值
 form.val("formTest", { 
  "type": t // "name": "value"
 });
   //如果你用的是其他html结构,就用最原始的方法:$("#id").val(t);
 
   //时间赋初始值
   var r = d.start_time;
 try {
 laydate.render({
  elem: '#choose_start',
  value: new Date(r) //参数即为:2018-08-20 20:08:08 的时间戳
 });
 } catch(e) {
  $("#choose_start").val(r); //直接赋值
 }
   //开启关闭状态赋初始值
   var s = d.state; //1启用 0停用
 if(s == 1) {
 form.val("formTest", {
  "switch": s
 })
 };
   //单选按钮赋初始值
   var position_sort=d.position_sort;
    form.val("formTest", {
     "position_sort": position_sort
    });
 form.render(); //更新全部
 
  }
 });
});

以上这篇layui给下拉框、按钮状态、时间赋初始值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
Three.js学习之网格
Aug 10 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
Jul 05 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 #Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 #Javascript
js神秘的电报密码 哈弗曼编码实现
Sep 10 #Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 #Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 #jQuery
Elasticsearch实现复合查询高亮结果功能
Sep 10 #Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 #Javascript
You might like
PHP保留两位小数并且四舍五入及不四舍五入的方法
2013/09/22 PHP
PHP实现的json类实例
2015/07/28 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
PHP 7.0新增加的特性介绍
2017/06/08 PHP
php压缩文件夹最新版
2018/07/18 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
Google官方支持的NodeJS访问API,提供后台登录授权
2014/07/29 NodeJs
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
判断滚动条滑到底部触发事件(实例讲解)
2017/11/15 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
深入理解node.js http模块
2018/01/24 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
python2.7安装图文教程
2018/03/13 Python
python实现将文件夹下面的不是以py文件结尾的文件都过滤掉的方法
2018/10/21 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
python基于socket函数实现端口扫描
2020/05/28 Python
实现向右循环移位
2014/07/31 面试题
有针对性的求职自荐信
2013/11/14 职场文书
和平主题的演讲稿
2014/01/12 职场文书
网络编辑岗位职责
2014/03/18 职场文书
竞争上岗实施方案
2014/03/21 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
简易离婚协议书范本
2014/10/24 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS