jqGrid禁用title属性的实现

实现方法

  1. 使用jqGrid的事件gridComplete(当表格所有数据都加载完成而且其他的处理也都完成时触发此事件);
  2. 查找行$('#jqGrid').find('tbody tr.jqgrow');
  3. 查找me一行下的td;
  4. 将每一个td元素的title属性置为空;

代码

<table id="jqGrid"></table>
<!-- 分页 -->
<div id="jqGridPager"></div>
// 表格初始化
function  _initTable() { 
    $("#jqGrid").jqGrid({
          url: '',// 服务器请求地址
          mtype: "",// 请求方法 get || post
          datatype: "json",// 数据格式
          colModel: [// 列对象配置
                  {
                        label: '操作',
                        name: '',
                        formatter: function(cellValue, options, cellObject) {
                            return "<span οnclick='addRow'><i class='fa fa-plus' aria-hidden='true'></i></span><span οnclick='deleteRow'><i class='fa fa-minus' aria-hidden='true'></i></span>";
                        }
                    },
                    {
                        label: '规格1',
                        name: '',
                        editable: true

                    },
                    {
                        label: '规格2',
                        name: '',
                        editable: true
                    },
                    {
                        label: '规格3',
                        name: '',
                        editable: true

                    },
                    {
                        label: '库存量',
                        name: '',
                        editable: true
                    },
                    {
                        label: '价格',
                        name: '',
                        editable: true
                    },
                    {
                        label: '上下架',
                        name: '',
                        editable: true
                    },

                    {
                        label: '操作',
                        name: '',
                        formatter: function(cellValue, options, cellObject) {
                            return "<span οnclick='dropOff'>下架</span>";

                        }
                    }
          ],
         gridComplete: function() {
           var aTr = $('#jqGrid').find('tbody tr.jqgrow');
            for (var i = 0; i < aTr.length; i++) {
                var item = $(aTr[i]).children();
                 for (var j = 0; j < item.length; j++) {
                    $(item[j]).attr('title', '')
                }
             }
          },
          viewrecords: true,// 显示总条数
          height: 600,
          rownumbers: true,// 显示行号
          rowNum: 10,// 每页数据条数
          rowList: [10, 30, 50, 80, 100],// 数据条数集合
          jsonReader: { //    后台分页参数的名字
              root: "row", // 表格数据
              page: "page", // 页码
              total: "total", // 总页数
              records: "count", // 总条数
              repeatitems: false,
          },
          pager: "#jqGridPager",// 分页
          autowidth: true,
          hoverrows: true,
      });
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值