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

 更新时间:2019年09月10日 15:25:21   作者:杨葱儿  
今天小编就为大家分享一篇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给下拉框、按钮状态、时间赋初始值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js实现列表循环滚动

    js实现列表循环滚动

    这篇文章主要为大家详细介绍了js实现列表循环滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js中Array对象的常用遍历方法详解

    js中Array对象的常用遍历方法详解

    今天小编就为大家分享一篇关于js中Array对象的常用遍历方法详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • uniapp返回上一页并实现刷新界面数据的完整代码

    uniapp返回上一页并实现刷新界面数据的完整代码

    从一个列表界面点击新增按钮,进入新增元素的界面,然后新增之后返回列表界面,并刷新列表界面,下面小编给大家分享uniapp返回上一页,并实现刷新界面数据的代码,感兴趣的朋友跟随小编一起看看吧
    2024-04-04
  • javascript稀疏数组(sparse array)和密集数组用法分析

    javascript稀疏数组(sparse array)和密集数组用法分析

    这篇文章主要介绍了javascript稀疏数组(sparse array)和密集数组用法,分析javascript稀疏数组和密集数组的功能、定义与使用方法,需要的朋友可以参考下
    2016-12-12
  • JavaScript 截取字符串代码实例

    JavaScript 截取字符串代码实例

    这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • js实现网页随机切换背景图片的方法

    js实现网页随机切换背景图片的方法

    这篇文章主要介绍了js实现网页随机切换背景图片的方法,涉及数组、随机函数与css样式的调用技巧,非常具有实用价值,需要的朋友可以参考下
    2014-11-11
  • js实现滚动条自动滚动到最底部示例代码

    js实现滚动条自动滚动到最底部示例代码

    这篇文章主要给大家介绍了关于js实现滚动条自动滚动到最底部的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • Javascript获取CSS伪元素属性的实现代码

    Javascript获取CSS伪元素属性的实现代码

    这篇文章主要介绍了Javascript获取CSS伪元素属性的实现代码,需要的朋友可以参考下
    2014-09-09
  • 利用JavaScript做数独的完整实现过程

    利用JavaScript做数独的完整实现过程

    数独游戏是在一个9*9的方格中进行填数字的游戏,需要满足的规则是每行每列和每个子九宫格都是1~9的不重复数字,下面这篇文章主要给大家介绍了关于如何利用JavaScript做数独的相关资料,需要的朋友可以参考下
    2021-09-09
  • JS for循环中i++ 和 ++i的区别介绍

    JS for循环中i++ 和 ++i的区别介绍

    这篇文章主要介绍了JS for循环中i++ 和 ++i的区别介绍的相关资料,需要的朋友可以参考下
    2016-07-07

最新评论