jquery easyui的Datagrid如何隐藏列

可能过两种方式来解决此问题：

1、设置hidden属性

{ field: '期次', title: '期次', width: 100, align: 'left'，hidden：条件==true?true:false }

2、重写列头（只是将此列设置为空，列宽度仍存在）

//重写标题

      $.extend($.fn.datagrid.methods, {

          setColumnTitle: function (jq, option) {

              if (option.field) {

                  return jq.each(function () {

                      var $panel = $(this).datagrid("getPanel")

                      var $field = $('td[field=' + option.field + ']', $panel)

                      if ($field.length) {

                          var $span = $("span", $field).eq(0)

                          $span.html(option.text)

                      }

                  })

              }

              return jq

          }

      })

扩展资料

jQuery 效果- 隐藏和显示

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

语法:

$(selector).hide(speed,callback)

$(selector).show(speed,callback)

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素，并隐藏已显示的元素：

实例

$("button").click(function(){

 $("p").toggle()})

原因是设置了visibility为hidden，但is(“:visible”)仍然返回为true。\x0d\x0a所以if里面检测css的visibility属性就可以了\x0d\x0aif($("#zj").css("visibility")!="hidden"){\x0d\x0a$("#zj").css("visibility","hidden")\x0d\x0a}else{\x0d\x0a$("#zj").css("visibility","visible")\x0d\x0a}

---