【云笔记8】笔记管理

笔记管理

笔记管理的前端显示

<!-- 如果笔记名称不为空,那么按照名称查询。如果笔记名称为空，笔记内容不为空按照笔记内容查询。
           如果笔记名称和内容都为空，那么查询某一个固定的 -->
      <div class="layui-form-item">
      <div class="layui-inline">
          <input type="text" name="name" id="name" autocomplete="off" placeholder="请输入名称" class="layui-input">
         </div>
         <div class="layui-inline">
          <input type="text" name="content" id="content" autocomplete="off" placeholder="请输入内容" class="layui-input">
         </div>
         <div class="layui-inline">
           <button id="searchnote" type="button" class="layui-btn">搜索</button>
         </div> 
         <div class="layui-inline">
           <button id="addnote" type="button" class="layui-btn">添加</button>
         </div>      
      </div>
   
<table class="layui-hide" id="demo" lay-filter="test"></table>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-radius layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-radius layui-btn-xs" lay-event="del">删除</a>
</script>

table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data //获得当前行数据
    ,layEvent = obj.event; //获得 lay-event 对应的值
    if(layEvent === 'del'){
      layer.confirm('真的删除吗？', function(index){
        //obj.del(); //删除对应行（tr）的DOM结构
    	var sendData={"id":data.id};
  		$.ajax({
  			type:"get",
  			url:"note/deletenote.do",
  			data:sendData,
  			datatype:"json",
  			success:function(msg){
  				if(msg.state==1){
  					//说明删除成功
  					layer.msg(msg.message);
  					//重新刷新表格
  					table.reload('demo', {
  		  				 page: {
  		  				    curr: 1 //重新从第 1 页开始
  		  				  }
  		  				}); //只重载数据
  					
  				}else{
  					//删除失败
  					layer.msg(msg.message);
  				}
  				
  			},
  			error:function(msg){
  				alert("通信失败");
  			}
  			
  		});	  
        layer.close(index);
        //向服务端发送删除指令
      });
    } else if(layEvent === 'edit'){
    	layer.open({
    	  area: ['660px', '430px'],
  		  shadeClose:true,
  		  anim: 1,
  		  type: 2, 
  		  content: 'note_edit.html?id='+data.id,
  		  cancel: function(index, layero){ 
  			  table.reload('demo', {
  				 page: {
  				    curr: 1 //重新从第 1 页开始
  				  }
  				}); //只重载数据
  			  layer.close(index)
  			  /*if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
  			    layer.close(index)
  			  }*/
  			  return false; 
  			}  
  		}); 
    }
  });