FineUI 前端扩展,纯js扩展,开箱即用,兼容 FineUIPro FineUIMVC FineUICore

项目介绍

FineUI 前端扩展,纯js扩展,开箱即用,兼容 FineUIPro FineUIMVC FineUICore

包括js和css,不涉及后台的扩展,自己引用一下就能用;

测试环境

FineUIPro 8.1

代码

全部功能和演示

页签切换 和 树展开 【企业版功能】

默认开启,没有外露开关

页签切换 和 树展开

弹出窗体 和 提示动画 【企业版功能】

默认开启,没有外露开关

弹出窗体 和 提示动画

下拉多选框 和 全选 【企业版功能】

当下拉启动多选时默认开启,没有外露开关

下拉多选框 和 全选【企业版功能】

按钮样式

//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">
//MVC/Core
F.Button().CssClass("f-btn-Default")
略
按钮样式

表单验证位置

默认开启

//Pro
F.ready(function () {
    F(formClientID).errorRow = false;//true开启 false关闭
});
//MVC/Core
F.ready(function () {
    F.ui.Form1.errorRow = false;//true开启 false关闭
});
表单验证位置

Grid列表鼠标阔选

//Pro
F.ready(function () {
    F(gridClientID).quickSelect = true;//true开启 false关闭
});
//MVC/Core
F.ready(function () {
    F.ui.Grid.quickSelect = false;//true开启 false关闭
});
Grid列表鼠标阔选

TextBox标签模式

//Pro
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.ui.TextBox1.addTag(`文件3`);//新增标签
    F.ui.TextBox1.removeTag(`文件3`);//移除标签
    F.ui.TextBox1.setValue(`1,2,3`);//逗号分隔标签
});
TextBox标签模式

获取