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关闭
});

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`);//逗号分隔标签
});

CheckBoxList RadioButtonList 分组模式

//Pro
F.ready(function () {
    F(RadioButtonList3).checkgroup();//开启
}); 

//MVC/Core
F.ready(function () {
    F.ui.RadioButtonList3.checkgroup();//开启
}); 

项目

获取