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 相关文章推荐
JavaScript中的16进制字符(改进)
Nov 21 Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 Javascript
深入浅析JavaScript中prototype和proto的关系
Nov 15 Javascript
微信小程序 前端源码逻辑和工作流详解
Oct 08 Javascript
Javascript中的prototype与继承
Feb 06 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
Oct 31 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
package.json配置文件构成详解
Aug 27 Javascript
JS实现滑动导航效果
Jan 14 Javascript
javascript实现简单留言板案例
Feb 09 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
我的论坛源代码(十)
2006/10/09 PHP
php 无限分类的树类代码
2009/12/03 PHP
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
php读取文件内容到数组的方法
2015/03/16 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
Openlayers实现测量功能
2020/09/25 Javascript
Python实现获取操作系统版本信息方法
2015/04/08 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
python实现爬取图书封面
2018/07/05 Python
Python Unittest根据不同测试环境跳过用例的方法
2018/12/16 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
信仰心得体会
2014/09/05 职场文书
教师辞职书范文
2015/02/26 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
安全教育片观后感
2015/06/17 职场文书
远程教育培训心得体会
2016/01/09 职场文书
司法廉洁教育心得体会
2016/01/20 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
Javascript的promise,async和await的区别详解
2022/03/24 Javascript