EasyUI datagrid 列包含超鏈接以及鼠標經過提示單元格內容

 /**數據綁定加載**/
        function Lodedata() {
            $('#datagrid').datagrid(
            {
                url: 'Code/Default.ashx?methods=test', //數據加載路徑
                pagination: true, //是否顯示分頁控件
                pageSize: 10, //分頁大小  
                pageList: [10, 20, 30, 40, 50], //每頁的個數   
                fitColumns: true, //自適應寬度
                singleSelect: true, //單選
                nowrap: true,//數據長度超出列寬時將會自動截取。
                columns: [
                    [
                        {
                            field:'itemid', title: '名稱', align: 'center', width: 200,
                            //value 當前列值   row 當前行    index 當前行數
                            formatter: function (value, row, index) {
                                return "<a href='#' class='easyui-tooltip'  onclick='alter1("+value+")' title=這是一個測試的效果" + value + ">" + value + "</a>";
                            }
                    ]
                ]
            });
        }
重要的點 在於
"<a href='#' class='easyui-tooltip'  onclick='alter1("+value+")' title=這是一個測試的效果" + value + ">" + value + "</a>";
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章