jquery easyui -datagrid(悬浮,隐藏)

悠悠 2022-08-09 09:46 389阅读 0赞

document.getElementById(i).style.display ='block';   //获取当前页面里面id为i的标签，改变该标签的样式，使其满眶显示。

document.getElementById(i).style.display ='none';   //获取当前页面里面id为i的标签，改变该标签的样式，使其不显示。

document.getElementById(i).style.display ='inline';   //获取当前页面里面id为i的标签，改变该标签的样式，使其显示。

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

对于jquery easyui 的datagrid引用碰到了几个小问题,总结为下:

1. 当引用datagrid的页面标签  
用到了时,datagrid会悬浮在页面之上,像是在页面之上的又一层一样,当拖动页面的滚动条下滑或上移时,页面的内容会从datagrid对应的table下移动,而该table(datagrid对应的)则是悬浮在页面之上不作移动.  
解决办法:从body标签移除'easyui-layout'对应的class.  
2. 对于一个页面中应用了datagrid的table控件来说,如在页面打开时为隐藏,在页面的应用中再动态显示,这样,显示出来的table数据则会隐藏不可见,table的标题,工具栏,分页栏则会压缩在一起,而需要显示的数据却未能正常显示出来.(这种情况用的是方法hide()和show()).  
解决办法:对需要隐藏的datagrid及相关内容由一个div包容,并且为该div附加class="easyui-panel",使得所有的div内的容存放在一个panel窗器内.这时可为该div再附加closed='true'或是在$(function() \{$('\#divID').panel('close');\});设置,使得在页面初始加载时,该部分内容不可显示,然后在js脚本中用$('\#divID').panel('open');来显示该内容.  
   
html:(片段)  
   
  
  
         
近似器件  
  
  
           
  
  
   
js:(片段)  
function getSimilarComTotalNum()\{  
              this.reloadCommondity();  
              $('\#indexCom').panel('open');  
          \}  
function reloadCommondity()\{  
  var category = this.getCategories();  
  var comname = $.trim($('\#comName')\[0\].value);  
  var commodel =  $.trim($('\#comModel')\[0\].value);  
  $('\#inexCommondityTab').datagrid('reload',\{'comname':comname,'commodel':commodel,'categoryvalues':category\});  
 \}