92 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
		
		
			
		
	
	
			92 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
|  |  | |||
|  | // 文本 - 性别
 | |||
|  | function renderGender(value, params) { | |||
|  |     return value == 1 ? '男' : '女'; | |||
|  | } | |||
|  | 
 | |||
|  | // 超链接标签 - 所学专业
 | |||
|  | function renderMajor(value, params) { | |||
|  |     var url = 'http://gsa.ustc.edu.cn/search?q=' + F.urlEncode(value); | |||
|  |     return F.formatString('<a href="{0}" data-qtip="{1}" target="_blank">{1}</a>', url, F.htmlEncode(value)); | |||
|  | } | |||
|  | 
 | |||
|  | // 图片标签 - 分组
 | |||
|  | function renderGroup(value, params) { | |||
|  |     var imageUrl = F.baseUrl + 'res/images/16/' + value + '.png'; | |||
|  |     return F.formatString('<img class="f-grid-imagefield" src="{0}"/>', imageUrl); | |||
|  | } | |||
|  | 
 | |||
|  | // HTML - 行扩展列
 | |||
|  | function renderExpander(value, params) { | |||
|  |     return '<div class="expander">' + | |||
|  |         '<p><strong>姓名:</strong>' + params.rowData.values.Name + '</p>' + | |||
|  |         '<p><strong>简介:</strong>' + value + '</p>' + | |||
|  |         '</div>'; | |||
|  | } | |||
|  | 
 | |||
|  | // 公共方法 - 显示通知框
 | |||
|  | function showNotify(content) { | |||
|  |     // 消息正文可能会比较长,所以不显示前面的图标(messageIcon: '')
 | |||
|  |     F.notify({ | |||
|  |         message: content, | |||
|  |         target: '_top', | |||
|  |         header: false, | |||
|  |         messageIcon: '', | |||
|  |         positionX: 'center', | |||
|  |         positionY: 'top' | |||
|  |     }); | |||
|  | } | |||
|  | 
 | |||
|  | // 公共方法 - 通过消息框展示表格选中的行
 | |||
|  | function notifySelectedRows(gridId) { | |||
|  |     var grid = F(gridId); | |||
|  | 
 | |||
|  |     if (!grid.hasSelection()) { | |||
|  |         F.alert('没有选中项!'); | |||
|  |         return; | |||
|  |     } | |||
|  | 
 | |||
|  |     var genderColumn = grid.getColumn('Gender'); | |||
|  |     var majorColumn = grid.getColumn('Major'); | |||
|  | 
 | |||
|  |     var result = ['<table class="result">']; | |||
|  |     result.push('<tr>'); | |||
|  |     if (grid.idField) { | |||
|  |         result.push('<th>ID</th>'); | |||
|  |     } | |||
|  |     if (grid.textField) { | |||
|  |         result.push('<th>Text</th>'); | |||
|  |     } | |||
|  |     if (genderColumn) { | |||
|  |         result.push('<th>性别</th>'); | |||
|  |     } | |||
|  |     if (majorColumn) { | |||
|  |         result.push('<th>专业</th>'); | |||
|  |     } | |||
|  | 
 | |||
|  |     result.push('</tr>'); | |||
|  | 
 | |||
|  |     $.each(grid.getSelectedRows(true), function (index, row) { | |||
|  |         result.push('<tr>'); | |||
|  |         if (grid.idField) { | |||
|  |             result.push('<td>' + row.id + '</td>'); | |||
|  |         } | |||
|  |         if (grid.textField) { | |||
|  |             result.push('<td>' + row.text + '</td>'); | |||
|  |         } | |||
|  |         if (genderColumn) { | |||
|  |             result.push('<td>' + (row.values['Gender'] == 1 ? '男' : '女') + '</td>'); | |||
|  |         } | |||
|  |         if (majorColumn) { | |||
|  |             result.push('<td>' + row.values['Major'] + '</td>'); | |||
|  |         } | |||
|  | 
 | |||
|  |         result.push('</tr>'); | |||
|  |     }); | |||
|  | 
 | |||
|  |     result.push('</table>'); | |||
|  | 
 | |||
|  |     showNotify(result.join('')); | |||
|  | } | |||
|  | 
 |