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 相关文章推荐
js里怎么取select标签里的值并修改
Dec 10 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
12306验证码破解思路分享
Mar 25 Javascript
Vue组件BootPage实现简单的分页功能
Sep 12 Javascript
jQuery grep()方法详解及实例代码
Oct 30 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
node.js操作MongoDB的实例详解
Oct 11 Javascript
npm scripts 使用指南详解
Oct 08 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 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
Excel数据导入Mysql数据库的实现代码
2008/06/05 PHP
php 日期时间处理函数小结
2009/12/18 PHP
php入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
微信小程序 教程之小程序配置
2016/10/17 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
seajs实现强制刷新本地缓存的方法分析
2017/10/16 Javascript
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
python实现字符串和日期相互转换的方法
2015/05/13 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
Python实现数据库并行读取和写入实例
2017/06/09 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
Python 实现文件打包、上传与校验的方法
2019/02/13 Python
详解python中init方法和随机数方法
2019/03/13 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
超级实用的8个Python列表技巧
2020/08/24 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
出生医学证明样本
2014/01/17 职场文书
爱心捐款倡议书
2014/04/14 职场文书
2014年安全生产责任书
2014/07/22 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书