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