FineUIEx 纯前端扩展插件
FineUI 前端扩展,纯js扩展,开箱即用兼容 FineUIPro FineUIMVC FineUICore
包括JS和CSS,不涉及后台的扩展,直接引用即可
页签切换动画
企业版功能树展开动画
企业版功能弹出窗体动画
企业版功能提示进度条
扩展功能下拉多选框 & 全选
企业版功能按钮样式
扩展功能
//Pro
<F:Button ... CssClass="f-btn-Default">
<F:Button ... CssClass="f-btn-Primary">
<F:Button ... CssClass="f-btn-Success">
<F:Button ... CssClass="f-btn-Info">
<F:Button ... CssClass="f-btn-Warning">
<F:Button ... CssClass="f-btn-Default">
<F:Button ... CssClass="f-btn-Primary">
<F:Button ... CssClass="f-btn-Success">
<F:Button ... CssClass="f-btn-Info">
<F:Button ... CssClass="f-btn-Warning">
//MVC/Core
F.Button().CssClass("f-btn-Default")
F.Button().CssClass("f-btn-Default")
表单验证位置
扩展功能
//Pro
F.ready(function () {
//true开启 false关闭
F(formClientID).errorRow = false;
});
F.ready(function () {
//true开启 false关闭
F(formClientID).errorRow = false;
});
//MVC/Core
F.ready(function () {
//true开启 false关闭
F.ui.Form1.errorRow = false;
});
F.ready(function () {
//true开启 false关闭
F.ui.Form1.errorRow = false;
});
Grid列表鼠标阔选
扩展功能
//Pro
F.ready(function () {
//true开启 false关闭
F(gridClientID).quickSelect = true;
});
F.ready(function () {
//true开启 false关闭
F(gridClientID).quickSelect = true;
});
//MVC/Core
F.ready(function () {
//true开启 false关闭
F.ui.Grid1.quickSelect = true;
});
F.ready(function () {
//true开启 false关闭
F.ui.Grid1.quickSelect = true;
});
TextBox标签模式
扩展功能
//Pro
F.ready(function () {
F(textClientID).multiTag();//开启
F(textClientID).addTag(`文件3`);//新增标签
F(textClientID).removeTag(`文件3`);//移除标签
F(textClientID).setValue(`1,2,3`);//逗号分隔标签
});
F.ready(function () {
F(textClientID).multiTag();//开启
F(textClientID).addTag(`文件3`);//新增标签
F(textClientID).removeTag(`文件3`);//移除标签
F(textClientID).setValue(`1,2,3`);//逗号分隔标签
});
//MVC/Core
F.ready(function () {
F.ui.TextBox1.multiTag();//开启
});
F.ready(function () {
F.ui.TextBox1.multiTag();//开启
});
CheckBoxList RadioButtonList 分组模式
扩展功能
//Pro
F.ready(function () {
F(RadioButtonList3).checkgroup();//开启
});
F.ready(function () {
F(RadioButtonList3).checkgroup();//开启
});
//MVC/Core
F.ready(function () {
F.ui.RadioButtonList3.checkgroup();//开启
});
F.ready(function () {
F.ui.RadioButtonList3.checkgroup();//开启
});