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的颜色选择插件实例代码
Oct 02 Javascript
innerText和innerHTML 一些问题分析
May 18 Javascript
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
Nov 02 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
JavaScript数组排序小程序实现解析
Jan 13 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之字符串变相相减的代码
2007/03/19 PHP
PHP中的strtr函数使用介绍(str_replace)
2011/10/20 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
JQuery优缺点分析说明
2010/06/09 Javascript
JavaScript中的作用域链和闭包
2012/06/30 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
2016/06/28 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
Vue全局分页组件的实现代码
2018/08/10 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
使用JS判断页面是首次被加载还是刷新
2019/05/26 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
python实现读Excel写入.txt的方法
2018/04/29 Python
python用户评论标签匹配的解决方法
2018/05/31 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
python使用pipeline批量读写redis的方法
2019/02/18 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
浅谈Python 递归算法指归
2019/08/22 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
应用英语专业自荐信
2014/01/26 职场文书
七匹狼男装广告词
2014/03/21 职场文书
员工工作自我评价
2014/09/26 职场文书
2014年光棍节活动策划方案(创意集锦)
2014/09/29 职场文书
离婚协议书样本
2015/01/26 职场文书
课题研究阶段性总结
2015/08/13 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL
Win10 Anaconda安装python-pcl
2022/04/29 Servers
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技