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 (十一) 实战表单验证与自动完成提示插件
Feb 23 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
Sep 06 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
Sep 11 Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 Javascript
微信小程序多音频播放进度条问题
Aug 28 Javascript
angular6的table组件开发的实现示例
Dec 26 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
Aug 07 Javascript
基于JavaScript实现控制下拉列表
May 08 Javascript
vue实现导航菜单和编辑文本的示例代码
Jul 04 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
在JavaScript中调用php程序
2009/03/09 PHP
php 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
php中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
实现js保留小数点后N位的代码
2014/11/13 Javascript
原生js页面滚动延迟加载图片
2015/12/20 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
2017/07/07 Javascript
Vue计算属性的使用
2017/08/04 Javascript
浅谈Webpack自动化构建实践指南
2017/12/18 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
Python 私有函数的实例详解
2017/09/11 Python
Python推导式简单示例【列表推导式、字典推导式与集合推导式】
2018/12/04 Python
python-Web-flask-视图内容和模板知识点西宁街
2019/08/23 Python
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
创业计划书模版
2014/02/05 职场文书
测绘专业大学生职业生涯规划书
2014/02/10 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
《学棋》教后反思
2014/04/14 职场文书
2014年路政工作总结
2014/12/10 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技