当前位置: 代码迷 >> Web前端 >> gqgrid 行中动态增添链接
  详细解决方案

gqgrid 行中动态增添链接

热度:87   发布时间:2012-12-23 11:28:15.0
gqgrid 行中动态添加链接

?

?

?

?loadComplete:function(){???????????
??????????? //奇偶行变色?????????????????
??????????? $("#selectBusList tr:odd").css('background-color','#f5fafa');
??????????? //给列头添加全局设置
?????? ??? ??? var allAttrOutOptions = '<a href="#" style="margin-left:10px;" onclick="busAttrOutObject.goSetBusAttrOut(\'\',0);">设置</a>';
???
??????????? $("#jqgh_selectBusList_name").css("text-align","left").append($(allAttrOutOptions));
??? }

?

?

?gridComplete: function() {
??? ??? //循环为每行添加“设置”按钮
??? ??? var $selectBusList =? $("#selectBusList") ;
??????? var ids = $selectBusList.jqGrid('getDataIDs');
??? ??? var faultNo = '${faultNo}';
??????? for (var i=0; i<ids.length; i++){
???????????? var id=ids[i];
???????????? var operate ="<a href='#' style='color:blue;margin-left:15px;display:none;' title='<fmt:message key='auttrout.monitor'/>' onclick='busAttrOutObject.goSetBusAttrOut(\""+ id +"\","+faultNo+")'><fmt:message key='auttrout.monitor'/></a>";
???????????? $selectBusList.find("tr[id='"+id+"'] > td[aria-describedby='selectBusList_name']").append(operate).mouseover(function(){
??????????? ??? ?$(this).find("a").css("display","inline-block");
???????????? }).mouseleave(function(){
??????????? ??? ?$(this).find("a").css("display","none");
???????????? });
??????? }
??? }

?

??? 列头排序功能禁用掉,避免每次加载新元素;或者在添加时,判断是否存在

??? sortable:false,
??? viewsortcols:[false,'horizontal',false],
??? sortname:"caseNode.id",

  相关解决方案