bsFormBuilder v1.0.6 发布了,bsFormBuilder 是一个基于 Bootstrap v4.x 表单构建工具。bsFormBuilder 最大的特点:拖动的组件及其属性配置,都可以通过 Json 配置自由扩展,无需编码。
bsFormBuilder 的特点:
1、基于 Bootstrap (v4.x + JQuery,简单易用
2、拖动的 html 组件,支持通过 Json 自定义扩展
3、组件的属性面板,支持通过 Json 自定义扩展
4、支持导出 html 和 json,自己通过 json 来构建 UI 页面
5、支持导入 json 到 bsFormBuilder,进行二次编辑
6、丰富的 API,方便二次开发和扩展
7、支持 “模板” 功能,可以选择已有模板进行二次开发
8、内置轻量的 html 渲染引擎,速度极快,极好用~~
bsFormBuilder v1.0.6 更新内容如下:
新增:组件的 options 可以通过数据源来填充的支持
新增:options.bsFormPropsFilter 配置的支持,可以用来过滤属性面板的属性设置
新增:options.onDataChange 和 options.onDataChanged 监听方法
新增:renderPropTemplate 新增 $builder 参数
新增:属性面板的 标题 和 icon 配置
新增:options.bsFormPropsItemAppended 配置,可以用户对属性面板的 "控件" 进行监听设置
新增:options.unUseComponents 用于过滤一些不使用的、系统自带的组件
新增:options.optionsDatasources 数据源列表配置
新增:组件新增 optionsTypes 配置的支持,用来定义组件允许哪些 options 类型(目前有 custom 和 dataSource 两种类型)
新增:prop 属性描述添加排序字段 index 的支持
新增:DIV 容器组件 和 "分割线" 辅助组件 和 range 基础组件
修复:options.defaultProps 不起作用的问题
修复:prop.defaultValue 在 input 组件中无效的问题
修复:component.defaultOptions 中的配置, "this" 关键字无法使用的问题
修复:通过 options 配置的默认属性,当其默认值在不设置时,导出的 json 不带有属性值的问题
bsFormBuilder 已经在许多商业级的产品中得到使用,比如 JPress 中的表单设计:
开始使用:
<div id="builder"></div><script> $('#builder'.bsFormBuilder({...}; </script>
在使用前,需要导入 bootstrap 和 jquery 的相关文件。