jsp页面

最新推荐文章于 2022-04-27 23:56:51 发布

zxq1406spys

最新推荐文章于 2022-04-27 23:56:51 发布

阅读量646

点赞数

分类专栏： flexigrid 文章标签： jsp function path action stylesheet forms

本文链接：https://blog.csdn.net/zxq1406spys/article/details/6057390

版权

flexigrid 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第一步头部加载：

第二步加载到页面

$().ready(function() {
       var grid=$(".flex2").flexigrid
         (
   {
        url: '<%=path%>/test/test.action',
        dataType: 'json',
        colModel : [
    {display: '信息编号', name : 'id', width : 150, sortable : true, align: 'left'},
            {display: '标题', name : 'title', width : 150, sortable : true, align: 'left'},
            {display: '类别', name : 'sprivlege.name', width : 120, sortable : true, align: 'left'},
   {display: '日期', name : 'datetime', width : 120, sortable : true, align: 'left'} ,
   {display: '浏览次数', name : 'hit', width : 80, sortable : true, align: 'left'},
     {display: '内容', name : 'content', width : 200, sortable : false,hide:true, align: 'left'}
             ],
    buttons : [
   { name: '打印', displayname: '打印', bclass: 'print', onpress: toolbarItem },
   {separator : true}, // 设置分割线
   { name: '增加', displayname: '增加', bclass: 'add', onpress: addItem },
   {separator : true},
   { name: '删除', displayname: '删除', bclass: 'delete', onpress: deleteItem },
   {separator : true} ,
   { name: '修改', displayname: '修改', bclass: 'edit', onpress: editItem },
   {separator : true}
   ],
        //searchitems : [
          // {display: '标题', name : 'title', isdefault: true},
            // {display: '类别', name : 'sprivlege.name'}
             //],

                usepager: true,     // 是否用分页

                title: '新闻列表',   // 标题
                pagestat: '显示 {from}  到 {to}  条总共 {total}  条', //显示当前页和总页面的样式
                useRp: true,        // 是否用每页显示多少行
                rp: 20,             // 默认每页显示的行数
                showTableToggleBtn: true, // 是否显示按钮
                rpOptions: [10,15,20,25,30,35,40],//可选择设定的每页结果数
                procmsg: '正在查询，请稍等...',//正在处理的提示信息
                onToggleCol: false, //当在行之间转换时
                sortable: true,     // 是否可排序
                nomsg: '没有记录',   // 没有记录的时的提示
                // onChangeSort: true, //
             sortname: "datetime",
             onSubmit :addFormData,//数据提交时调用的自定义函数
             checkbox:true,//是否要多选框
            rowId:'id',//绑定行的id
             rowbinddata: true,//配合rowhandler，如在双击事件中获取该行的数据
            rowhandler: contextmenu,
             //onSuccess:test,
                sortorder: 'desc',
                sortable: true,
                width: 1000,         // table的宽度
                height: 600// table的高度


         }
         );

  }
  function delNews(ids){
       $.ajax({
                    url : '<%=path%>/news/delete.action',
                    data : {
                        ids : ids
                    },
                    type : 'POST',
                    dataType : 'json',
                    success : function() {

                        $('#flex2').flexReload();//表格重载
                    }
                });

  }

   function toolbarItem(com, grid) {

          if (com=='打印'){
    var name=new Array();
   var ziduan=new Array();
   var widths=new Array();
   //alert($(".hDivBox ").html());
   //alert($(".ftitle").html());
   var title=$(".ftitle").html();
    var i=0;
   $(".hDivBox th").each(function(){
   // alert($(this).text()+":"+$(this).attr("style"));
   if($(this).attr("style")==undefined || $(this).attr("style")=="" || $(this).attr("style")=="display: table-cell;"){
    name[i]=$(this).text();
    ziduan[i]=$(this).attr("abbr")
    widths[i]=$(this).width();
    //alert($(this).width());
    i++;
   }

   //alert($(this).text());
     });

   //alert(name);
  // alert(ziduan);
   // alert(widths);
  //   alert(title);

    // alert(title);

       $('#myform').attr("action","<%=path%>/report/report.action");
          $("[name=heads]").val(name);
       $("[name=alias]").val(ziduan);
    $("[name=widths]").val(widths);
    $("[name=title]").val(title);
          $('#myform').submit();



    }

       }


    function addFormData() {
    var dt = $('#sform').serializeArray();
    $("#flex2").flexOptions( {
      params :dt
    });
    return true;
  }

  $('#sform').submit( function() {
     $('#flex2').flexOptions( {
          newp :1
     }).flexReload();
    return false;
});

      });
function deletes(ids){
  var id=ids.substring(3,ids.length);
  //alert(id);
   if (confirm("确定删除此新闻?")) {
     $.ajax({
                    url : '<%=path%>/news/delete.action',
                    data : {
                        ids : id
                    },
                    type : 'POST',
                    dataType : 'json',
                    success : function() {

                        $('#flex2').flexReload();//表格重载
                    }
                });
    }
  }

  function modifypro(ids){
      var id=ids.substring(3,ids.length);
      $('#editForm').attr("action","<%=path%>/news/findNews.action?news.id="+id);
            $('#editForm').submit();
  }
</script>
</head>

<form id="sform">
<TABLE width="95%" border=0 cellPadding=0 cellSpacing=1 bgcolor="#CCCCCC" align="center">
<tr bgcolor="#ffffff">
    <td width="20%" height="26" align="right">标题:</td>
    <td width="32%" valign="middle">  <s:textfield name="search.title" cssClass="text" /></td>
<td align="right">新闻类别:</td>
<td align="left">  <select name="search.sprivlege.privid" id="search.sprivlege.privid">
   <option value="0">--新闻类别-</option>
</select></td>
</tr>
<tr bgColor=#ffffff>
    <td height="26" align="right">发表时间:</td>
    <td valign="middle">  <input type="text" name="stime" value="<s:property value="stime" />" cssClass="text" οnclick='WdatePicker({dateFmt:"yyyy-MM-dd",qsEnabled:true,quickSel:["2000-10-01","%y-%M-01","%y-%M-%ld"]})' readOnly="true" size="12"/> 至 <input type="text" name="etime" readOnly="true" size="12" value="<s:property value="etime" />" οnclick='WdatePicker({dateFmt:"yyyy-MM-dd",qsEnabled:true,quickSel:["2000-10-01","%y-%M-01","%y-%M-%ld"]})'/></td>
<td align="right">是否推荐:</td>
    <td valign="middle">  <s:radio name="search.ishot" list="#{'-1':'全部','0':'不推荐','1':'推荐'}" /></td>
</tr>
<tr bgColor=#ffffff>
    <td colspan="4" align="center" height="26"><input type="submit" id="search" name="submit" value="查询" class="Anbut">              <input class=Anbut onClick="javascript:DoAdd();" type=button value="添加" name=Add></td>
    </tr>
</table>
</form>
<div id="ptable" style="margin:20px" align="center">
<table id="flex2" class="flex2" align="left"></table>