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 相关文章推荐
Prototype Object对象 学习
Jul 12 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
webpack4.x开发环境配置详解
Aug 04 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
微信小程序自定义导航栏
Dec 31 Javascript
利用Webpack实现小程序多项目管理的方法
Feb 25 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 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
DOMXML函数笔记
2006/10/09 PHP
用PHP和ACCESS写聊天室(三)
2006/10/09 PHP
PHP实时显示输出
2008/10/02 PHP
PHP 页面编码声明方法详解(header或meta)
2010/03/12 PHP
PHP删除数组中空值的方法介绍
2014/04/14 PHP
PHP中的替代语法介绍
2015/01/09 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
Python运算符重载详解及实例代码
2017/03/07 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
python利用requests库进行接口测试的方法详解
2018/07/06 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Python Selenium参数配置方法解析
2020/01/19 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
医学院四年学习生活的自我评价
2013/11/06 职场文书
艺术应用与设计个人的自我评价
2013/11/23 职场文书
小饰品店的创业计划书范文
2013/12/28 职场文书
办理居住证介绍信
2014/01/15 职场文书
投资合作意向书范本
2015/05/08 职场文书
感恩教师节主题班会
2015/08/12 职场文书
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技