update

2018-05-05 16:59:53 +08:00
parent e181b13fa1
commit f23eb3752f
10 changed files with 169 additions and 32 deletions
--- a/examples/flow.html
+++ b/examples/flow.html
@@ -24,6 +24,7 @@ img{width: 500px; height: 300px;}
 <div class="demo" style="height: 200px; overflow: auto;">
  <img lay-src="http://s16.mogucdn.com/p2/160919/upload_493j665e50b0i0g8j61iie6f5aa5c_715x530.jpg">
  <img lay-src="http://s7.mogucdn.com/p2/160920/in_1icf55k51643icf2i1i06g897hjdj_715x530.jpg">
+  <img lay-src="http://s7.mogucdn.com/p2/160920/in_1icf55k51643icf2i1i06g897hjdj_715x531.jpg">
  <img lay-src="http://s10.mogucdn.com/p2/160918/oj_4hge1j47hl5ie0fljd6d07ha3kj2l_715x530.jpg">
  <img lay-src="http://s7.mogucdn.com/p2/160914/iz_2lcjk0lbl8la70448hj0jg0l8gde5_305x330.jpg">
  <img lay-src="http://s6.mogucdn.com/p2/160914/iz_5lc1cdg3j2hibl9ai99lg7c28k1fh_305x330.jpg">
--- a/examples/form.html
+++ b/examples/form.html
@@ -18,11 +18,11 @@ body{padding: 10px;}
 </head>
 <body>

-<form class="layui-form layui-form-pane1" action="">
+<form class="layui-form layui-form-pane1" action="" lay-filter="first">
  <div class="layui-form-item">
    <label class="layui-form-label">输入框</label>
    <div class="layui-input-block">
-      <input type="text" name="xxx " autocomplete="off" class="layui-input">
+      <input type="text" name="xxx" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
@@ -60,7 +60,7 @@ body{padding: 10px;}
  </div>
 </form>

-<form class="layui-form layui-form-pane1" action="">
+<form class="layui-form layui-form-pane1" action="" lay-filter="first">
  <div class="layui-form-item">
    <label class="layui-form-label">输入框</label>
    <div class="layui-input-block">
@@ -102,9 +102,9 @@ body{padding: 10px;}
      <div class="layui-input-block">
        <select name="quiz" lay-verify="required" lay-verType="tips">
          <option value="">请选择问题</option>
-          <option value="你工作的第一个城市">你工作的第一个城市</option>
-          <option value="你的工号" disabled>你的工号</option>
-          <option value="你最喜欢的老师">你最喜欢的老师</option>
+          <option value="0">你工作的第一个城市</option>
+          <option value="1" disabled>你的工号</option>
+          <option value="2">你最喜欢的老师</option>
        </select>
      </div>
    </div>
@@ -114,11 +114,11 @@ body{padding: 10px;}
        <select name="quiz" lay-filter="quiz">
          <option value="">请选择问题</option>
          <optgroup label="城市记忆">
-            <option value="你工作的第一个城市">你工作的第一个城市</option>
+            <option value="0">你工作的第一个城市</option>
          </optgroup>
          <optgroup label="学生时代">
-            <option value="你的工号" disabled>你的工号</option>
-            <option value="你最喜欢的老师">你最喜欢的老师</option>
+            <option value="1" disabled>你的工号</option>
+            <option value="2">你最喜欢的老师</option>
          </optgroup>
        </select>
      </div>
@@ -131,7 +131,7 @@ body{padding: 10px;}
      <select name="interest" lay-filter="interest">
        <option value=""></option>
        <option value="0">写作</option>
-        <option value="1" selected>阅读</option>
+        <option value="1">阅读</option>
        <option value="2">游戏</option>
        <option value="3">音乐</option>
        <option value="4">旅行</option>
@@ -201,7 +201,7 @@ body{padding: 10px;}
  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">请填写描述</label>
    <div class="layui-input-block">
-      <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
+      <textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
    </div>
  </div>
  <div class="layui-form-item">
@@ -233,6 +233,20 @@ layui.use('form', function(){
    ,pass: [/(.+){6,12}$/, '密码必须6到12位']
  });

+  form.val('first',{
+    'xxx': '猪猪猪'
+    ,'title': '测试'
+    ,'phone': 18829264233
+    ,'email': 2321582517
+    ,'password': 123123
+    ,'quiz': 2
+    ,'interest': 3
+    ,'like[write]': true
+    ,'open': false
+    ,'sex': '男'
+    ,'desc': '一二三四一二三四'
+  })
+
  
  //事件监听
  form.on('select', function(data){
--- a/examples/laydate.html
+++ b/examples/laydate.html
@@ -134,8 +134,10 @@ layui.use('laydate', function(){
    elem: '#test2'
    //,format: 'yyyy年MM月dd日'
    //,value: new Date(1989,9,14)
+    ,isInitValue: true
    ,format: 'yyyyMMdd'
    ,value: '20170910'
+   
    //,max: 0
    //,min: '2016-10-14'
    //,max: -1
@@ -237,6 +239,8 @@ layui.use('laydate', function(){
    elem: '#test6-1' //指定元素
    ,type: 'datetime'
    ,theme: 'molv'
+    ,value: 20180115
+    ,isInitValue: true
    //,range: true
    ,trigger: 'click'
  });
--- a/examples/laypage.html
+++ b/examples/laypage.html
@@ -105,7 +105,7 @@ layui.use(['laypage', 'layer'], function(){
    elem: 'demo7'
    ,count: 100
    //,groups: 0
-    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
+    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip', ]
    ,jump: function(obj){
      console.log(obj)
    }
@@ -169,6 +169,7 @@ layui.use(['laypage', 'layer'], function(){
  laypage.render({
    elem: 'demo9'
    ,count: data.length
+    ,layout: ['prev', 'page', 'next', 'refresh', 'skip']
    ,jump: function(obj){
      //模拟渲染
      document.getElementById('biuuu_city_list').innerHTML = function(){
--- a/examples/table.html
+++ b/examples/table.html
@@ -166,8 +166,8 @@ body{padding: 20px; /*overflow-y: scroll;*/}
 </table>

 <script type="text/html" id="toolbarDemo">
-  <i class="layui-icon">&#xe654;</i>
-  <i class="layui-icon">&#xe640;</i>
+  <i class="layui-icon" data-type="add">&#xe654;</i>
+  <i class="layui-icon" data-type="delete">&#xe640;</i>
 </script>

 <script src="../src/layui.js" charset="utf-8"></script>
@@ -216,23 +216,34 @@ layui.use('table', function(){
    ,cellMinWidth: 80
    ,cols: [[
      {type:'numbers'}
-      ,{type: 'checkbox'}
+      ,{type: 'radio'}
      ,{field:'id', title:'ID', unresize: true, sort: true}
      ,{field:'username', title:'用户名', templet: '#usernameTpl'}
-      ,{field:'email', title:'邮箱'}
-      ,{field:'sex', title:'性别', templet: '#switchTpl', minWidth: 85, align:'center'}
+      ,{field:'email', title:'邮箱', edit: 'select'}
+      ,{field:'sex', title:'性别', edit: 'switch', templet: '#switchTpl', minWidth: 85, align:'center'}
      ,{field:'lock', title:'是否锁定', templet: '#checkboxTpl', minWidth: 110, align:'center'}
      ,{field:'city', title:'城市'}
    ]]
  });

+
+  //监听表格行点击
+  table.on('tr', function(obj){
+    console.log(obj)
+  });
+
  //监听表格复选框选择
  table.on('checkbox(test)', function(obj){
    console.log(obj)
  });
+
+  //监听表格单选框选择
+  table.on('radio(test2)', function(obj){
+    console.log(obj)
+  });
  
  //监听单元格编辑
-  table.on('edit(test)', function(obj){
+  table.on('edit(test2)', function(obj){
    var value = obj.value //得到修改后的值
    ,data = obj.data //得到所在行所有键值
    ,field = obj.field; //得到字段
@@ -414,8 +425,20 @@ layui.use('table', function(){
        limit: 3
      });
    }
+    ,add: function(){
+      table.addRow('test')
+    }
+    ,delete: function(){
+      layer.confirm('确认删除吗？', function(index){
+        table.deleteRow('test')
+        layer.close(index);
+      });
+    }
  };
-  
+  $('i').on('click', function(){
+    var type = $(this).data('type');
+    active[type] ? active[type].call(this) : '';
+  });
  $('.layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';