FineUI 评分控件在Grid中 - FineUI 官方论坛

function renderRating(value) {
return F.ext.renderRating({
value: value
});
}

复制代码

F.RenderField().HeaderText("评分").DataField("Rating").FieldType(FieldType.Float).RendererFunction("renderRating")

复制代码

function renderRating(value) {
return F.ext.renderRating({
value: value,
icon: 'trophy',
count: 11,
size: 20,
color: '#16a085',
allowHalf: true,
readonly: false
});
}

复制代码

@page
@model FineUICore.EmptyProject.RazorPages.Pages.GridModel
@{
ViewBag.Title = "Grid";
var F = @Html.F();
}
@section body {
<h2>Grid中的评分控件</h2>
@(F.Grid().IsFluid(true).CssClass("blockpanel").Title("表格").ShowHeader(true).ShowBorder(true).ID("Grid1").DataIDField("Id").DataTextField("Name").AllowCellEditing(true)
.Columns(
F.RowNumberField(),
F.RenderField().HeaderText("姓名").DataField("Name").Width(100),
F.RenderField().HeaderText("性别").DataField("Gender").FieldType(FieldType.Int).RendererFunction("renderGender").Width(60),
F.RenderField().HeaderText("入学年份").DataField("EntranceYear").FieldType(FieldType.Int).Width(100),
F.RenderCheckField().HeaderText("是否在校").DataField("AtSchool").RenderAsStaticField(true).Width(80),
F.RenderField().HeaderText("只读评分").DataField("Rating").FieldType(FieldType.Float).RendererFunction("renderRating").Width(135),
F.RenderField().HeaderText("五星评分").DataField("Rating2").FieldType(FieldType.Float).RendererFunction("renderRating2").Width(135),
F.RenderField().HeaderText("奖杯评分").DataField("Rating3").FieldType(FieldType.Float).RendererFunction("renderRating3").Width(135),
F.RenderField().HeaderText("注册日期").DataField("EntranceDate").FieldType(FieldType.Date).Renderer(Renderer.Date).RendererArgument("yyyy-MM-dd").ExpandUnusedSpace(true)
)
.DataSource(DataSourceUtil.GetSimpleDataTable())
)
<br>
<br>
}
@section script {
<script src="~/res/js/fineui-rating.js"></script>
<script>
function renderGender(value) {
return value == 1 ? '男' : '女';
}
function renderRating(value) {
return F.ext.renderRating({
value: value,
readonly: true
});
}
function renderRating2(value) {
return F.ext.renderRating({
value: value
});
}
function renderRating3(value) {
return F.ext.renderRating({
value: value,
icon: 'trophy'
});
}
</script>
}

复制代码