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(''));
 | ||
| }
 | ||
| 
 |