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 相关文章推荐
js 获取class的元素的方法 以及创建方法getElementsByClassName
Mar 11 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
jquery.map()方法的使用详解
Jul 09 Javascript
jQuery zTree加载树形菜单功能
Feb 25 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
Sep 05 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
微信小程序实现点击返回顶层的方法
Jul 12 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
May 16 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
使用layui前端框架弹出form表单以及提交的示例
Oct 25 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 自写函数代码 获取关键字 去超链接
2010/02/08 PHP
php循环语句 for()与foreach()用法区别介绍
2012/09/05 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
php关联数组与索引数组及其显示方法
2018/03/12 PHP
PHP使用HTML5 FormData对象提交表单操作示例
2019/07/02 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
2010年最佳jQuery插件整理
2010/12/06 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
JS根据生日算年龄的方法
2015/05/05 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
2015/09/02 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
Python3实现Web网页图片下载
2016/01/28 Python
Python selenium 三种等待方式解读
2016/09/15 Python
浅述python2与python3的简单区别
2018/09/19 Python
Python中作用域的深入讲解
2018/12/10 Python
python同步两个文件夹下的内容
2019/08/29 Python
python tkinter canvas使用实例
2019/11/04 Python
Python map及filter函数使用方法解析
2020/08/06 Python
python中的yield from语法快速学习
2020/11/06 Python
python爬虫如何解决图片验证码
2021/02/14 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
机电一体化应届生求职信范文
2014/01/24 职场文书
八年级数学教学反思
2014/01/31 职场文书
禁止酒驾标语
2014/06/25 职场文书
高效课堂标语
2014/06/26 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
企业财务管理制度范本
2015/08/04 职场文书