投稿
  1. 首页
  2. IT百科

Jqgrid 如何根据url参数的变化刷新表格内容？

风林山火 • 2023-5-16 • IT百科 • 阅读 17

Jqgrid 如何根据url参数的变化刷新表格内容？,第1张

你好提问者：

大体流程是这样的：

首先你说的那个组织目录呢，在他点击的时候会链到不同的页面显示不同的数据！

加载JQGrid url会找相应的action，查询数据，然后回显！ 这里有段jqGrid的代码，仅供参考！

jsp页面

<%@ page language="java" pageEncoding="utf-8"%>

<%@ taglib uri="/sys-tags" prefix="tl"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

    <title>文章分类</title>

  </head>

 <body>

  <div class="search_tit">文章分类</div>

  <form method="post" target="_blank">

   <table class="search_table">

    <tr>

     <td>

      <div>

      分类名称：

      </div> 

      <input class="search_text" type="text" name="catname" id="catname" />

     </td>

     <td>

      <input id="submitButton" class="button" value="搜索" type="button" onclick="submitKey(1)"/>

    <input id="submitButton" class="button" value="添加分类" type="button" onclick="articleCatAdd()"/>

      </td>

    </tr>

  </table>

 </form>

 <table id="gridTable"></table>

 <div id="gridPager"></div>

</body>

</html> 

js 脚本：

    $("#gridTable").jqGrid({

        url:webRoot +'admin/articleQueryAll.action',

        datatype: "json",

        mtype:"POST",

        shrinkToFit:false,

        autoScroll: true,

        width:700,

        forceFit:false,

        cache: false,

        colNames:['文章编号','分类编号','文章题目','文章url', '文章作者', '作者的email', '关键字','状态','描述','排序',' *** 作'],

        colModel:[{name:'artid',index:'art_id',sortable:true,hidden:true,sorttype:"int"},

                {name:'catid',index:'cat_id',hidden:true,sortable:true,sorttype:"int"},

                {name:'arttitle',index:'art_title',width:"100px",sortable:true},

                {name:'arturl',index:'art_url',sortable:true,width:"220px"},

                {name:'artauthor',index:'art_author',sortable:true,width:"80px"},

                {name:'artauthoremail',index:'art_author_email',sortable:true,hidden:true},

                {name:'artkeywords',index:'art_keywords',sortable:true,hidden:true},

                {name:'isdelete',index:'is_delete',sortable:true,width:"80px",align:"center",formatter:'select', editoptions:{value:"0:<img style='cursor:pointer' value='0' title='启用' src='"+webRoot +"WEB-FACE/css/images/yes.gif' />1:<img style='cursor:pointer' value='1' title='禁用' src='"+webRoot+"/WEB-FACE/css/images/no.gif' />"}},

                {name:'artdesc',index:'art_desc',sortable:true,hidden:true},

                {name:'sortorder',index:'sort_order',width:"80px",sortable:true,align:"center"},

                {name:'act',index:'act',sortable:false,width:"110px"},

        ],

        sortname:'art_id',

        sortorder:'desc',

        rowNum:10,

        rowList:[10,25,50],

        viewrecords:true,

        jsonReader: {

                root:"dataRows",                // 数据行（默认为：rows）

                page: "currPage",               // 当前页

                total: "totalPages",            // 总页数

                records: "totalRecords",        // 总记录数

                repeatitems : false             // 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设

        },

        prmNames:{rows:"articleSelectKey.pageSize",page:"articleSelectKey.currPage",sort:"articleSelectKey.orderBy",order:"articleSelectKey.order"},

        pager:"#gridPager",

       // caption: "品牌信息列表",

        onSortCol: function(index, sortorder){

         var curPage = $(".ui-pg-input").val()

         submitKeyArticle(curPage)

        },

        onPaging: function(pgButton){

       // caption: "品牌信息列表",获取控件里的值

         var arttitle = $("input[name='arttitle']").val()

         

         var totalPages = $("#gridTable").jqGrid('getGridParam', 'lastpage')

         if(/^[0-9]*[1-9][0-9]*$/.test($.trim($(".ui-pg-input").val()))){

          if(totalPages - $.trim($(".ui-pg-input").val()) < 0){

          $(".ui-pg-input").val(totalPages)

          }

         }

         

   $("#gridTable").jqGrid('setGridParam',{  

        datatype:'json',  

       postData:{'articleSelectKey.arttitle':arttitle},

       })

        },

        //获取前台页面的状态  是否在线

        onCellSelect:function(rowId,cellCount){

         var data = $("#"+rowId +">td")

         var artid = data[0].innerHTML

         if(cellCount == 7){

          openStore(artid,rowId)

         }

        },

        // caption: "品牌信息列表",获取列表里的 *** 作值

        gridComplete: function(){

         if(permissionId!="" && permissionId==1){

       var ids = jQuery("#gridTable").jqGrid('getDataIDs')

       for(var i=0i < ids.lengthi++){

        var cl =jQuery("#gridTable").jqGrid('getRowData', ids[i])

        var actions = "<div><nobr><a href='#' class='listwordbtn' onclick='editArticle(" + cl.artid+")'>编辑</a><a href='#' class='listwordbtn'  onclick='articleDelete(" + cl.artid+")'>删除</a></nobr></div>" 

        jQuery("#gridTable").jqGrid('setRowData',ids[i],{act:actions})

       } 

         }

     }

        }).navGrid('#gridPager',{edit:false,add:false,del:false,search:false})

// 确定键_根据条件查询

function submitKeyArticle(curPage){

    var arttitle = $("input[name='arttitle']").val()

 $("#gridTable").jqGrid('setGridParam',{  

    datatype:'json',

    postData:{'articleSelectKey.arttitle':arttitle},

    page:curPage

   }).trigger("reloadGrid")

}

//添加

function articleAdd(){

 $(".index_page").load(webRoot + "admin/articleManageShow.action?_="+Math.random()+"&pageset.pageType=1")

}

//编辑_修改

function editArticle(artid){

 $(".index_page").load(webRoot + "admin/articleManageShow.action?_="+Math.random()+"&pageset.pageType=2&ids=" + artid)

}

//返回展示类表

function toGrid() {

 $(".index_page").load(webRoot + "admin/articleManageShow.action?_="+Math.random()+"&pageset.pageType=0")

}

//上线

function openStore(artid,rowId){

 if(permissionId==""||permissionId==0){

  return

 }

 $.post(webRoot +"admin/isDeleteArticle.action", { artid : artid},

  function(data) {

  var res = eval(data)

  $("#"+rowId+" td").each(function(i){

   if(i==7){

    if(res.commitType == 0){

     $(this).html("<img style='cursor:pointer' value='0' title='启用' src='" + webRoot + "WEB-FACE/css/images/yes.gif' />")

    } else{

     $(this).html("<img style='cursor:pointer' value='1' title='禁用' src='" + webRoot + "WEB-FACE/css/images/no.gif' />")

    }

   }

  })

 })

}

//删除

function articleDelete(artid){

 if(confirm("确定删除？")){

 $.post(webRoot +"admin/getArtidDelete.action?pageset.pageType=3", {ids:artid}, 

 function(data){

 var result = eval(data)

 showDialog(result.message,webRoot + "admin/articleManageShow.action?pageset.pageType=0")

 })

 }

}

var list = document.getElementsByTagName('li')

for(var i = 0 i < list.length i++) {

    list[i].style.backgroundImage = i+'.jpg'

}

以上是你做12张图片的情况。

还有一种是把12张图片整合到一张图片上，前提是这12张图片高度最好一致

样式就用

li{background:url(sprites.jpg) no-repeat height:固定好高度}

代码用

list[i].style.backgroundPosition = '0 ' + (间隔高度) * i + 'px'

1、DCP。即过氧化二异丙苯，最为常用，密度1.08克/立方厘米，熔点42℃，分解温度120~125℃，折光率1.54，117℃时半衰期为10小时，常与氧化锌并用，提高强度及耐老化性。

2、BPO。即过氧化苯甲酰，白色粉末，熔点103~106℃，极不稳定，不溶于水，微溶于有机溶剂。

3、DTBP。即二叔丁基过氧化物，微黄色透明液体，密度为0.8克/立方厘米，沸点110℃，燃点183℃，折光率1.4，126℃时半衰期为10小时。

4、DBHP。即过氧化氢二异丙苯，浅黄色液体，受热或与酸碱接触容易分解。

5、双25。即2,5-二甲基-2,5 二叔丁基过氧化己烷，简称双25，其商品有两种。

扩展资料

交联剂的特性：

交联剂常是分子中含多个官能团的物质，如有机二元酸、多元醇等；或是分子内含有多个不饱和双键的化合物，如二乙烯基苯和二异氰酸酯，N,N-亚甲基双丙烯酰胺（MBA）等。

可同单体一起投料，待缩聚（或聚合）到一定程度发生交联，使产物变为不溶的交联聚合物；也可在线型分子中保留一定数量的官能团（或双键），再加入特定物质进行交联,如酚醛树脂的固化和橡胶的硫化等。

参考资料来源：百度百科——交联剂

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/bake/11516322.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
风林山火 风林山火 一级用户组
0 0
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表（0条）

保存