easyui的datagrid行的某一列添加链接

通过formatter方法给easyui 的datagrid 每行增加操作链接。

效果图

 

jsp代码：

<th field="url" width="100" align="center" formatter="rowformater">操作</th>

js代码：

<script type="text/javascript">

        /**
         * 添加含有链接的一列
         */
        function rowformater(value,row,index){
            var a;
            if(row.status == '00'){
                a = "<a style='cursor: pointer;text-decoration: underline;color: blue;' target='_blank' οnclick='javascript:grantMember(\""+ row.id +"\")'>授权用户</a>";
            }else{
                a = "<a style='text-decoration: none;color: black;'>无法授权</a>";
            }
            return a;

}

      /**
         * 给授权用户添加链接，并且已在新tab打开
         * @param order_id
         */

function grantMember(order_id){
            self.parent.addTab("授权用户","${ctx}/businesswhite/synccustomer.jsp?order_id="+order_id,"icon-customer");//打开新的tab

           //window.open("${ctx}/businesswhite/synccustomer.jsp?order_id="+order_id);//打开新的页面
        }

//self.parent.addTab在新tab打开，“授权用户”是tab的标题，url是tab打开的url，“icon-customer”是tab的图标
    </script>

 

 

 按照以上的做法就可以得到上面的效果图了。

转载于:https://www.cnblogs.com/snowYang/p/3595930.html