update

examples/form.html

@@ -219,7 +219,7 @@ layui.use(['form', 'layedit', 'laydate'], function(){
   });
   
   //初始赋值
-  form.val('first', {
+  var thisValue = form.val('first', {
     'title': '测试'
     ,'phone': 11111111111
     ,'email': 'xu@sentsin.com'
@@ -232,6 +232,7 @@ layui.use(['form', 'layedit', 'laydate'], function(){
     ,'desc': 'form 是我们非常看重的一块'
     ,xxxxxxxxx: 123
   });
+  console.log(thisValue);
 
   
   //事件监听

examples/slider.html

@@ -24,7 +24,7 @@ body{padding:100px 0;}
 layui.use('slider', function(){
   var slider = layui.slider;
   
-  slider.render({
+  var sliderInst = slider.render({
     elem: '#slideTest1'
     //,type: 'vertical'
     //,min: -20 //最小值
@@ -45,6 +45,8 @@ layui.use('slider', function(){
     //,disabled: true //禁用滑块
     //,theme: '#c00' //主题色
   });
+  
+  sliderInst.setValue(48)
 });
 </script>
 </body>

examples/table.html

@@ -32,7 +32,7 @@ body{padding: 20px; /*overflow-y: scroll;*/}
 </script>
 
 <script type="text/html" id="usernameTpl">
-  <a href="" class="layui-table-link">{{d.username || ''}}1</a>
+  <a href="" class="layui-table-link">{{d.username || ''}}</a>
 </script>
 
 <script type="text/html" id="switchTpl">
@@ -200,18 +200,22 @@ layui.use('table', function(){
     ,totalRow: true
     ,limit: 30
     ,toolbar: '#toolbarDemo'
-    //,defaultToolbar: ['filter']
+    ,defaultToolbar: ['filter', 'exports', 'print', {
+      title: '帮助'
+      ,layEvent: 'LAYTABLE_TIPS'
+      ,icon: 'layui-icon-tips'
+    }]
     ,cols: [[
       {type: 'checkbox', fixed: 'left'}
       ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计：'}
       ,{field:'username', title:'用户名', width:120, edit: 'text', templet: '#usernameTpl'}
-      ,{field:'email', title:'邮箱', hide: 0, width:150, edit: 'text', templet: function(x){
-        return '<em>123</em>'
+      ,{field:'email', title:'邮箱', hide: 0, width:150, edit: 'text', templet: function(d){
+        return '<em>'+ d.email +'</em>'
       }}
       ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
       ,{field:'city', title:'城市', width:120, templet: '#cityTpl1'}
       ,{field:'sign', title:'签名'}
-      ,{field:'experience', title:'积分', width:80, sort: true, totalRow: true}
+      ,{field:'experience', title:'积分', width:80, sort: true, totalRow: true, templet: '<div>{{ d.experience }} 分</div>'}
       ,{field:'ip', title:'IP', width:120}
       ,{field:'logins', title:'登入次数', width:100, sort: true, totalRow: true}
       ,{field:'joinTime', title:'加入时间', width:120}
@@ -257,6 +261,9 @@ layui.use('table', function(){
       case 'isAll':
         layer.msg(checkStatus.isAll ? '全选': '未全选')
       break;
+      case 'LAYTABLE_TIPS':
+        layer.alert('Table for layui-v'+ layui.v);
+      break;
       case 'reload':
         table.reload('test', {
           page: {curr: 5}

examples/tree.html

@@ -75,6 +75,7 @@
           ,children: [{
             title: '四级1-1-1-1'
             ,id: 15
+            //,checked: true
             ,href: 'https://www.layui.com/doc/base/infrastructure.html'
           }]
         },{
@@ -163,6 +164,25 @@
         }]
       }]
     }];
+    
+    //数据源
+    var data2 = [{
+      title: '控制台'
+      ,id: '1000'
+      ,spread: true
+      ,checked: true
+      ,children: [{
+        title: '概览'
+        ,id: '1001'
+        ,spread: true
+        ,checked: true
+      },{
+        title: '域名'
+        ,id: '1002'
+        ,spread: true
+        ,checked: true
+      }]
+    }]
 
     tree.render({
       elem: '#test1'
@@ -173,7 +193,7 @@
         console.log(obj);
       }
       ,oncheck: function(obj){
-        console.log(obj);
+        //console.log(obj);
       }
       ,operate: function(obj){
         var type = obj.type;
@@ -202,7 +222,7 @@
         console.log(checkedData);
       }
       ,setChecked: function(){
-        tree.setChecked('demoId1', [12, 16]);
+        tree.setChecked('demoId1', [1000, 1001, 1002]);
       }
       ,reload: function(){
         tree.reload('demoId1', {
@@ -211,7 +231,6 @@
       }
     });
 
-    
     tree.render({
       elem: '#test2'
       ,data: data1

examples/upload.html

@@ -24,6 +24,11 @@ hr{margin: 30px 0;}
   </div>
 </div>
 
+<div class="layui-progress layui-progress-big" lay-showPercent="yes"  lay-filter="demo">
+  <div class="layui-progress-bar" lay-percent=""></div>
+</div>
+
+
 <hr>
 
 <div class="layui-upload">
@@ -82,14 +87,15 @@ hr{margin: 30px 0;}
 
 <script src="../src/layui.js"></script>
 <script>
-layui.use('upload', function(){
+layui.use(['upload', 'element'], function(){
   var $ = layui.jquery
-  ,upload = layui.upload;
+  ,upload = layui.upload
+  ,element = layui.element;
 
   var uploadInst = upload.render({
     elem: '#test1'
     ,url: 'http://httpbin.org/image'
-    ,size: 2000 //限制文件大小，单位 KB
+    //,size: 2000 //限制文件大小，单位 KB
     //,accept: 'file'
     ,method: 'get'
     ,fileAccept: 'image/*'
@@ -126,6 +132,12 @@ layui.use('upload', function(){
       demoText.find('.demo-reload').on('click', function(){
         uploadInst.upload();
       });
+      
+      element.progress('demo', '0%');
+    }
+    ,progress: function(n){
+      console.log(n + '%'); //获取进度百分比
+      element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
     }
   });
   
@@ -134,7 +146,7 @@ layui.use('upload', function(){
     name:'avatar'
     ,accept: 'images' //只允许上传图片
     ,acceptMime: 'image/*' //只筛选图片
-    ,size: 2
+    //,size: 2
   });
   
   upload.render({