cardview-简单应用

来源：互联网发布：centos 7内核支持ntfS 编辑：程序博客网时间：2024/05/18 19:38

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>message</title>
<%@ include file="/WEB-INF/views/include/easyui.jsp"%>
</head>

  $(function() {
   $("#tt").tree(
     {
      url : '${ctx}/system/organization/json',
      method : 'get',
      animate : true,
      lines : true,
      checkbox : true,
      cascadeCheck : true,
      onClick : getChecked,
      formatter : function(node) {
       var s = node.orgname;
      /* if (node.children) {
        s += ' <span style=\'color:blue\'>('
          + node.children.length + ')</span>';
       } */
       return s;
      }
     });

})
  setTimeout(function(){$('#_easyui_tree_1').css('display','none');},100);
</script>

<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip"></div>

</div>

<div id="cc" class="easyui-layout" data-options="fit:true">

<div data-options="region:'west',title:''"
   style="width: 300%;">
  <div style="border:1px solid #d6d6d6; width:95%;height:95%;margin: 0px 10px 0px 10px;overflow:auto">
   <div id="tree" class="easyui-panel" border="false" >
    <ul id="tt">
    </ul>
   </div>
  </div>
  </div>
  <div data-options="region:'center',title:''" style="height:100%" >
  <div style="height:95%;width:98.5%; margin: 0px 10px 10px 10px; border:1px solid #d6d6d6" id="centerdiv" >
  <p style="margin:1% 0px 1% 1%;">
           <input id="ss" class="easyui-searchbox" style="width:300px"
    data-options="searcher:doSearchsys,prompt:'Please Input Value Of Message',menu:'#mm'"></input>
    <span style="padding-right:65%;">    </span>
    <a href="#" id="clearAll" class="easyui-linkbutton" onclick="deleallilgmsg()" style="width: 200px" align="right">全部清除 </a>
  </p>

<div style="height:93%;width:auto;">   <table id="dg"
            title="" fitColumns="true" remoteSort="false"
           pagination="true" showHeader="false" method="get" >
     
    </table></div>
<div id="loginup"></div>

  </div>
  </div>
</div>
        <script>
   //     alert("ssss " );
            var cardview = $.extend({}, $.fn.datagrid.defaults.view, {
                renderRow: function(target, fields, frozen, rowIndex, rowData){
                    var cc = [];




                    cc.push('<td style="padding:10px 10px;border:1;border-right:none;" >'+rowData.msg+"已发送");
                    cc.push('</td>');


                    cc.push('<td style="padding:10px 5px;border:1;border-right:none;" >'+sysMsgCount(rowData.task_code));
                    cc.push('</td>');

                    cc.push('<td style="padding:10px 5px;border:1;border-right:none;WORD-WRAP: break-word;width:100px" > '+timeStamp2String(rowData.send_time));
                    cc.push('</td>');


                    cc.push('<td style="padding:10px 5px;border:1;border-right:none;text-align:center" > <input type="button" style="background:#0254c4;color:white;width:80px;height:30px;" onclick="RemoveSysmsg('+rowData.id+')" value="删除">');
                    cc.push('</td>');
                    return cc.join('');
                }
            });
          /*   $(function(){
                $('#dg').datagrid({

                });
            }); */

            function sysMsgCount(tcode){
            //alert(tcode);
            var syscountmsg="";
          var syscount = "";
          var systcodes = {
           "systcode" : tcode
          };
          $.ajax({
           url : "${ctx}/system/log/getcounttaskmsg",
           type : "post",
           data : systcodes,
           async : false,
           success : function(data) {
            syscount = data.countTaskmsg;
           }
          });
          if(syscount==null){
           syscountmsg="<span style='color:red'>失败!</span>";
          }else if(syscount==0){
           syscountmsg="<span style='color:red'>失败!</span>";
          }else if(syscount>0){
           syscountmsg="<span >成功"+syscount+"台</span>";
          }
          return syscountmsg;
            }

            function createQS(name){
           var value = encodeURI(name);

           return value;
           }

           //搜索框
           function doSearchsys(value,name){

           var orgnid=   document.getElementById("orgid").value;


         dg = $("#dg").datagrid({
       view: cardview,
       pagination:true,


       pageNumber:1,
       pageSize : 5,
       pageList : [ 5,10, 20, 30, 40, 50 ],
       url : '${ctx}/system/log/getSysMessage',

       queryParams : {
        "sysmsg":createQS(value),
        orgid : orgnid
       }
      });

             }

        //将timestamp转换为date格式
        function timeStamp2String (time){

var datetime = new Date();

datetime.setTime(time);

var year = datetime.getFullYear();

var month = datetime.getMonth() + 1;

var date = datetime.getDate();

return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;

        };


        //删除系统消息
        function RemoveSysmsg(id){



         var sysgid={
      "sysgid" : id
    }
   $.ajax({
     type : 'post',
     url : "${ctx}/system/log/deleteSysMsg",
     data : sysgid,
     async : false,
     success : function(data) {
      $('#dg').datagrid('reload');
     }
    });
        }

    //选中多个同时删除多条非法消息
    function deleallilgmsg() {

      var row = [];
      row = dg.datagrid('getSelections');
           if(row!=""){
      var arr = new Array();
      for (var i = 0; i < dg.datagrid('getSelections').length; i++) {

       arr.push(row[i].id);
      }

      var msgids = {
       "arr" : arr
      };

      $.messager.confirm('提示', '删除后无法恢复您确定要删除全部选中信息？', function(data) {
       if (data) {
        $.ajax({
         type : 'post',
         url : "${ctx}/system/log/deleteallSysMsg",
         data : msgids,
         async : false,
         success : function(data) {

          $('#dg').datagrid('reload');
         }
        });
       }
      });}else{
       alert("请选中您要删除的数据!");
      }
    }

        //弹窗编辑修改登錄用戶
          function editadmin() {

          ups = $("#loginup").dialog({
            title : '修改学校管理员',
            width : 380,

            href : '${ctx}/system/user/updateadmin',
            maximizable : true,
            modal : true,
            buttons : [ {
             text : '修改',
             handler : function() {
              $('#mainform').submit();
              ups.panel('close');
             }
            }, {
             text : '取消',
             handler : function() {
              ups.panel('close');
             }
            } ]

});

          }


        </script>
</body>

</html>

0 0