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 相关文章推荐
获取当前网页document.url location.href区别总结
May 10 Javascript
jQuery的运行机制和设计理念分析
Apr 05 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
jquery实现邮箱自动填充提示功能
Nov 17 Javascript
js倒计时抢购实例
Dec 20 Javascript
JavaScript中循环遍历Array与Map的方法小结
Mar 12 Javascript
javascript常用经典算法详解
Jan 11 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
使用JavaScript实现点击循环切换图片效果
Sep 03 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 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
phpmyadmin的#1251问题
2006/11/25 PHP
php解析url的三个示例
2014/01/20 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
node.js文件上传处理示例
2016/10/27 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
bootstrap laydate日期组件使用详解
2017/01/04 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
基于原生js实现判断元素是否有指定class名
2020/07/11 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
pyside写ui界面入门示例
2014/01/22 Python
Python3实现连接SQLite数据库的方法
2014/08/23 Python
python通过加号运算符操作列表的方法
2015/07/28 Python
在类Unix系统上开始Python3编程入门
2015/08/20 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
英格兰橄榄球商店:England Rugby Store
2016/12/17 全球购物
中国汽车租赁行业头部企业:一嗨租车
2019/05/16 全球购物
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
《鸟岛》教学反思
2014/04/26 职场文书
学生实习证明模板汇总
2014/09/25 职场文书