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 RadioButtonList获取选中值
Apr 09 Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 Javascript
jquery win 7透明弹出层效果的简单代码
Aug 06 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
Javascript中关于Array.filter()的妙用详解
Dec 04 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
深入理解requireJS-实现一个简单的模块加载器
Jan 15 Javascript
vue中img src 动态加载本地json的图片路径写法
Apr 25 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创建PDF中文文档
2006/10/09 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
使用laravel根据用户类型来显示或隐藏字段
2019/10/17 PHP
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
jQuery 解析xml文件
2009/08/09 Javascript
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
js实现文本框中焦点在最后位置
2014/03/04 Javascript
AngularJS入门教程之表格实例详解
2016/07/27 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
JS实现获取当前所在周的周六、周日示例分析
2019/05/11 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
Vue调用后端java接口的实例代码
2019/10/28 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
2020/04/26 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中的rjust()方法使用详解
2015/05/19 Python
TensorFlow实现模型评估
2018/09/07 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
人力资源管理系自荐信
2014/05/31 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
导游词之河北野三坡
2019/12/11 职场文书