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 ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
10个基于浏览器的JavaScript调试工具分享
Feb 07 Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
JavaScript之数组(Array)详解
Apr 01 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
Nov 02 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
react koa rematch 如何打造一套服务端渲染架子
Jun 26 Javascript
在JavaScript中实现链式调用的实现
Dec 24 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 UBB 解析实现代码
2011/11/27 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
javascript日期计算实例分析
2015/06/29 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
Json解析的方法小结
2016/06/22 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
2016/08/29 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
mac上node.js环境的安装测试
2017/07/03 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
[04:49]2014DOTA2国际邀请赛 Newbee顺利挺进总决赛 ImbaTV独家专访
2014/07/19 DOTA
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
django静态文件加载的方法
2018/05/20 Python
对Python 内建函数和保留字详解
2018/10/15 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
Keras实现DenseNet结构操作
2020/07/06 Python
HTML5: Web 标准最巨大的飞跃
2008/10/17 HTML / CSS
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
保密工作实施方案
2014/02/24 职场文书
家长会欢迎词
2015/01/23 职场文书
考研经验交流会策划书
2015/11/02 职场文书
2016年清明节寄语
2015/12/04 职场文书
导游词之无锡梅园
2019/11/28 职场文书
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript
Python学习之迭代器详解
2022/04/01 Python
【海涛DOTA解说】EVE女子战队独家录像加ZSMJ神牛两连发
2022/04/01 DOTA