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.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
使用canvas进行图像编辑的实例
Aug 29 Javascript
Node.js 使用流实现读写同步边读边写功能
Sep 11 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
vue实现简单的日历效果
Sep 24 Javascript
JavaScript实现打砖块游戏
Feb 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
DC动漫人物排行
2020/03/03 欧美动漫
提升PHP执行速度全攻略(上)
2006/10/09 PHP
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
深入浅析PHP无限极分类的案例教程
2016/05/09 PHP
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
bootstrap table服务端实现分页效果
2017/08/10 Javascript
PHP自动加载autoload和命名空间的应用小结
2017/12/01 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
2021/01/22 Vue.js
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
python操作mysql代码总结
2018/06/01 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
如何使用python自带IDLE的几种方法
2020/10/10 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
财务管理专业求职信
2014/06/11 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
导游词开场白
2015/01/31 职场文书
因个人原因离职的辞职信范文
2015/05/12 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL