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 组合form元素为json格式,asp.net反序列化
Jul 09 Javascript
JQuery for与each性能比较分析
May 14 Javascript
JavaScript错误处理
Feb 03 Javascript
js实现div层缓慢收缩与展开的方法
May 11 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
Aug 27 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
vue分页器组件编写方法详解
Jun 28 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/06/07 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
PHP中filter函数校验数据的方法详解
2015/07/31 PHP
PHP使用自定义方法实现数组合并示例
2016/07/07 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
js验证表单大全
2006/11/25 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
判断文档离浏览器顶部的距离的方法
2014/01/08 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
Python文件夹与文件的相关操作(推荐)
2016/07/25 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
如何以Winsows Service方式运行JupyterLab
2020/08/30 Python
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
比较一下entity bean和session bean
2013/12/27 面试题
会计电算化个人自我评价
2013/11/17 职场文书
525心理活动总结
2014/07/04 职场文书
春节超市活动方案
2014/08/14 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
校长师德表现自我评价
2015/03/04 职场文书
丧事答谢词大全
2015/09/30 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
Python torch.flatten()函数案例详解
2021/08/30 Python
Windows server 2012搭建FTP服务器
2022/04/29 Servers