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 call和apply区别及使用方法
Nov 14 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
BootStrap实现手机端轮播图左右滑动事件
Oct 13 Javascript
详解jquery validate实现表单验证 (正则表达式)
Jan 18 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 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数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
探讨javascript是不是面向对象的语言
2013/11/21 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
JS排序之快速排序详解
2017/04/08 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
Vue 组件间的样式冲突污染
2017/08/31 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
[01:11:08]Winstrike vs NB 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
详解python 注释、变量、类型
2018/08/10 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
Python实现某论坛自动签到功能
2019/08/20 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
美国地毯购买网站:Rugs USA
2019/02/23 全球购物
幼师求职自荐信
2014/05/31 职场文书
大四毕业生自荐书
2014/07/05 职场文书
大学生赌博检讨书
2014/09/22 职场文书
党支部对转正的意见
2015/06/02 职场文书
2019大学生社会实践报告汇总
2019/08/16 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang