easyui formatter實現超連結效果

00潤物無聲00發表於2016-06-12

    formatter是格式化的意思,也就是以何種形式呈現的意思。專案中需要在easyui-datagrid的某一列做成超連結的效果,點選並能夠出現一個彈出框;

    formatter該屬性是一個函式,它包含兩個引數: value: 對應欄位的當前列的值,record: 當前行的記錄資料。


頁面程式碼: 

<span style="font-family:SimSun;font-size:18px;"><table id="dg" class="easyui-datagrid" style="width: 1000px"
    data-options="
    rownumbers:true,striped:true,loadMsg:'正在載入使用者資訊',singleSelect:true,method:'get',pagination:true,url:'/CadresRate/queryAllDocument',pageSize:20,pageList:[10,20,30,40,50],pageNumber:1,toolbar:toolbar">
    <thead>
        <tr style="width: 100%">

            <th data-options="field:'DocumentName',width:180 ,<strong>formatter:FileUrl</strong>">檔名稱</th>

        </tr>
    </thead>
</table></span>


JS程式碼:
<span style="font-family:SimSun;font-size:18px;"><script type="text/javascript">

    function FileUrl(value, rowData) {
        if (value == null || value == "") {
            return "<a href='javascript:void(0)'onclick=showImg('" + value + "');><a/>";
        } else {
            return "<a href='javascript:void(0)'onclick=showImg('" + value + "');>" + value + "<a/>";
        }
    }

</script></span>

注意事項

formatter函式不會作用在列屬性checkbox為true的單元格上,checkbox列是元件預留的




相關文章