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

时间:2023-03-08 16:35:56
easyui的datagrid行的某一列添加链接

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

效果图

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' onclick='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>

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