1. 程式人生 > >EasyUI-datagrid列顯示Icon

EasyUI-datagrid列顯示Icon

<table id="dg_function" class="easyui-datagrid" data-options="
		  fit:true,
		  rownumbers:true,
		  onLoadSuccess:initIcon">
		    <thead>   
		        <tr>   
		        	<th data-options="field:'ck',checkbox:true"></th>
		        	<th data-options="field:'name',width:100">名稱</th>
		        	<th data-options="field:'icons',width:100, formatter:showImg">圖示</th>
		        	<th data-options="field:'code',width:100, hidden:true">編碼</th>
		        	<th data-options="field:'type',width:100, hidden:true">型別</th> 
		        </tr>   
		    </thead>   
		  </table>
function showImg (value, row, index){
	if(row.code){
		return "<a id='"+row.code+"'></a>";
	}
}
function initIcon(data){
	if(data){
		var rows=data.rows;
		for(var i=0; i<rows.length; i++){
			var code=rows[i].code;
			var bt = $("#" + code);
			bt.linkbutton({
				width:90,
				plain:true,
				iconCls:code
			});
		}
	}
}


相關推薦

EasyUI-datagrid顯示Icon

<table id="dg_function" class="easyui-datagrid" data-options=" fit:true, rownumbers:true,

easyui datagrid 隱藏和顯示

一、設定列為隱藏列 寫法1(html屬性方法): <table id="ClassInfo_DataGrid" class="easyui-datagrid" style="width: 1

EasyUI datagrid 寬度拖動問題

datagrid grid ima 獲取 tag log mage 使用 寬度 問題:拖不動或者偶爾能拖動,拖動不按指定? 原因:列寬度綁定的時候使用的百分比; 方法:獲取總寬度,經過百分比計算在綁定 EasyUI datagrid 列寬度拖動問題

動態修改easyui-datagrid

csharp eas blog 動態修改 field grid datagrid htm 查詢 <table id="DataList" title="查詢結果" style="width:99%;padding:10px;"></table>

easyui datagrid 拖動“含原始碼”

easyui datagrid 列拖動“含原始碼” 苟且,詩與遠方 1.功能需求 2.直接看效果圖 3.需要的包 4.tuodong3.js程式碼片 5.頁面程式碼片(警告:JS最後一行需要修改)

easyui datagrid中使用tooltip

要實現這樣一個效果:資料載入到DATAGRID中,滑鼠移至某一列時,會彈出tooltip提示框。 最初的實現方法: { field: 'Reply', title: '備註', width: 220, align: "center", for

easyui datagrid使用按鈕

前的方法,只能顯示成問題,不能顯示按鈕。 $('#datagrid').datagrid({ border:false, fitColumns:true, singleSelect: true, url:url, columns

EasyUI Datagrid 屬性函式中如何獲取當前列頭名 字的field

$('#dg').datagrid({     columns: [[{         field: 'userId',         title: 'User',         width: 80,         formatter: function(value,

easyui datagrid內容顯示不完用省略號代替,並設定title懸浮顯示全部內容

在頁面開發中,我們有時會遇到datagrid的某列內容過多無法全部顯示,我們可以用省略號代替未顯示的內容,並設定title在滑鼠懸停在該單元格時懸浮顯示全部內容,程式碼實現如下: 1:jsp設定style,實現未顯示部分用省略號代替: <style type="tex

解決easyUI-datagrid顯示的問題

      最近專案中需要用到表格,使用easyUI-datagrid。       使用過程中發現了一個奇怪的問題,初始時將datagrid的display屬性為none,之後點選某一個按鈕後,再將display設定為block,可並沒有按照預期期望那樣把表格顯示出來,只

動態改變easyui datagrid 的title

1.通過截圖知道,要修改的title是span標籤中的文字,所以我要想辦法拿到span標籤物件。 2.span標籤不能直接取到,應為沒有任何屬性可以唯一標識這個標籤。檢視這個標籤的父節點,父節點di

easyui datagrid 分組和行歸組

資料格式: { "col": [ "分類", "id", "模式英文名", "模式中文名", "教務系統", "Oracletest",

EasyUI datagrid顯示table資訊問題

 一個頁面同時有兩個datagrid時,其中一個datagrid被呼叫後不顯示table及其資訊。如果你不是因為沒有設定table寬高、不是因為寫錯單詞或因copy忘了改兩個datagrid的id造成的失誤,那就檢查哈你的table是不是寫成這樣了:如果是這樣那就趕緊改吧:改

EasyUI datagrid 包含超連結以及滑鼠經過提示單元格內容

/**資料繫結載入**/ function Lodedata() { $('#datagrid').datagrid( { url: 'Code/Default.ashx?me

easyUI datagrid的取值問題

問題描述: 我們需要得到創業方案策略NEW的百分數,但是這個表格是動態顯示的,即可能存在多個策略,如下圖 顯然,它們的field是變化的,那麼該如何取到它們的值呢? 解決方案: ①首先獲取所在列的名稱 var colName = $("#dg").datagrid('ge

easyui擴充套件datagrid隱藏選單,升序降序以及過濾顯示

效果圖:滑鼠右擊表頭可選擇隱藏或顯示列資訊,升序降序以及過濾顯示 引入js外掛即可使用了哦: <!-- datagrid-隱藏列選單的支援 --> <link href="http://www.easyui-extlib.com/Content/Site.css"

擴充套件EasyUI datagrid 增加表頭右鍵選單功能,可動態對進行顯示和隱藏

mysql關於varchar和text欄位的疑問mysql關於varchar和text欄位的疑問 mysql關於varchar和text欄位的疑問mysql關於varchar和text欄位的疑問 mysql關於varchar和text欄位的疑問mysql關於varchar和t

easyUI datagrid 控制隱藏和顯示

今天使用easyUI修改介面,有兩列需要控制不顯示,預設情況下列是顯示的,如果想要隱藏的話只需要新增一個屬性就可以: hidden:'true' 其實跟HTML很相似,在HTML裡是通過type

easyUIdatagrid屬性添加超鏈接

ash ati eas height index columns 內容 nowrap 行號 $("#dg").datagrid({ url: "../Ajax/PurchaseAjax.ashx", queryParams://每次請求的參數

easyUI-datagrid屬性設置display:none,表頭不顯示

format tle mar data res for 可能 com rownum <div class="box1"> <div class="dg1Box" style="margin-top:15px; margin-left:25