easyui formatter實現超連結效果
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>
<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列是元件預留的
相關文章
- 滑鼠放在連結上實現字型放大效果
- 如何實現點選連結不跳轉效果
- 滑鼠懸浮實現連結背景變色效果
- jquery模擬實現的連結title提示效果jQuery
- DRF使用超連結API實現真正RESTfulAPIREST
- 【easyUI】datagrid 通過formatter讀取巢狀資料UIORM巢狀
- 模擬實現連結title效果程式碼例項
- 模擬實現超連結的點選事件事件
- html實現的滑鼠放在連結上出現文字提示效果HTML
- jQuery實現的滑鼠滑過連結出現自定義提示效果jQuery
- javascript模擬實現連結的title效果例項程式碼JavaScript
- (超詳細)動手編寫-連結串列(Java實現)Java
- gridview中帶多引數超連結的實現View
- 連結串列-單連結串列實現
- 超實用 1 ArrayList 連結串列
- C++:用棧實現反轉連結串列,超簡單!C++
- jQuery模擬實現超連結的title程式碼例項jQuery
- HTML超連結HTML
- ln 超連結
- 單連結串列實現
- 【HTML】03超連結HTML
- Java 操作PDF中的超連結——新增、更新、刪除超連結Java
- js實現複製連結JS
- FreeRTOS連結串列實現
- 實現雙向連結串列
- C#實現連結串列C#
- EasyUI閃屏,EasyUI頁面載入提示:原理+程式碼+效果圖UI
- 連結串列以及golang介入式連結串列的實現Golang
- Linux核心連結串列-通用連結串列的實現Linux
- 滑鼠懸浮連結出現音效效果程式碼例項
- 按鈕式超連結
- Easyui datagrid 實現表格記錄拖拽UI
- easyui combobox 中實現 checkboxUI
- java實現連結串列反轉Java
- go 實現單向連結串列Go
- Go實現雙向連結串列Go
- Python實現單連結串列Python
- TypeScript 實現連結串列反轉TypeScript