Download the PHP package quansitech/qscmf-antd-builder without Composer
On this page you can find all versions of the php package quansitech/qscmf-antd-builder. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download quansitech/qscmf-antd-builder
More information about quansitech/qscmf-antd-builder
Files in quansitech/qscmf-antd-builder
Informations about the package qscmf-antd-builder
qscmf-antd-builder
antd 控件生成器
安装
控件列表
Divider
分割线
最简单的分割线
给分割线设置说明
修改分割线标题位置,默认为 center,即居中
实例化对象时设置标题和标题位置
Table
表格
最简单的表格
带有筛选条件的表格
筛选通用参数说明
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
name | 列属性值,即data.dataIndex | string | |
text | 筛选项标题 | string | |
type | 筛选类型,可选值请看 筛选类型及其options参数说明 | string | |
rule | 筛选规则,可选值请看 筛选规则说明 | string | |
changeThenSearch | 筛选内容改变时马上筛选数据,例如选择下拉框值即筛选数据,若需要应该设置为 "1" | boolean I string | false |
showLabel | 是否在左侧显示筛选项标题,若需要应该设置为 "1" | boolean I string | false |
options | 筛选项额外配置,具体请看类型说明;使用自定义筛选规则时应设置callback,具体请看类型说明中的 使用回调自定义规则 | array |
筛选类型及其options参数说明
-
文本框:TableBuilder::FILTER_TYPE_INPUT
-
下拉框单选:TableBuilder::FILTER_TYPE_SELECT
参数 说明 类型 默认值 options 选项,格式为[["value"=>"value", "label"=>"label"]] array showSearch 支持文本搜索选项,若需要应该设置为 "1" boolean I string false width 宽度 string 100px -
下拉框多选:TableBuilder::FILTER_TYPE_MULTI_SELECT
参数 说明 类型 默认值 options 选项,格式为[["value"=>"value", "label"=>"label"]] array width 宽度 string 100px -
日期:TableBuilder::FILTER_TYPE_DATE
参数 说明 类型 默认值 format 设置日期格式 string picker 设置选择器类型 string,可选值 date I week I month I quarter I year date -
日期范围:TableBuilder::FILTER_TYPE_DATE_RANGE
参数 说明 类型 默认值 format 设置日期格式 [string,string] picker 设置选择器类型 string,可选值 date I week I month I quarter I year date showTime 增加时间选择功能 boolean false valueSeparator 值分隔符 string -
筛选规则说明
-
模糊搜索字符串:wildcard
-
精准搜索字符串:exact
-
列表值处于数组内:in
-
小于:lt
-
小于等于:elt
-
大于:gt
-
大于等于:egt
-
列表值处于数字区间:between
-
使用回调自定义规则:callback
参数 说明 value 列的具体值,即name的值 record 一行的值 searchData 搜索内容
使用说明
-
文本模糊搜索
-
文本精准搜索
-
下拉框单选
-
下拉框多选
-
日期筛选
-
日期范围筛选
-
自定义类型与使用回调筛选规则
- 自定义类型与筛选规则
带有排序的表格
排序参数说明
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
name | 即data.dataIndex | string | |
type | 排序类型,可选值请看 排序类型及其使用说明 | string I null | null |
options | 排序项额外配置,使用自定义排序规则时应设置callback,具体请看排序类型及其使用说明中的 使用回调函数自定义规则 | array |
排序类型及其使用说明
-
默认排序,即数字的升序或者降序排序:null
- 使用回调函数自定义规则:callback
使用远程加载数据的表格
-
使用setApiUrl设置接口地址
- 接口返回数据格式
data.list 为表格数据源 data.count 为数据总条数
text 仅筛选项样式有效,筛选规则需要接口处理 text 通过设置数据的 _cellProperties 的值来自定义单元格的列、行的属性 text 设置字段的 rowSpan colSpan值 当rowSpan/colSpan为0时,不渲染 text 设置字段的 className值 text 远程加载数据的表格无效
### Collapse
折叠卡
最简单的折叠卡
### Descriptions
描述列表
示例:
函数说明:
+ setBordered
指定是否使用边框表格的展示方式
| 参数 | 说明 | 必填 | 默认值 |
|:-------- |:--------------- | --- |:----- |
| bordered | 指定是否使用边框表格的展示方式 | 否 | false |
+ addItem
添加展示列
| 参数 | 说明 | 必填 | 默认值 |
|:----------- |:-------------------------------------------------------------------------------------------------------- | --- |:---------------------------- |
| label | 列标题 | 是 | |
| content | 内容 | 是 | |
| option | 配置 | 否 | [ 'type' => '', 'span' => 0] |
| option.type | 类型 <br />1. image 图片 content需要填写图片地址<br /> content也可以填入数组表示多图展示<br />2. html content可以输入简单的html进行信息展示 | 否 | text |
| option.span | 列宽 2表示占据两列,以此类推 | 否 | 0 |
### Datepicker
日期查询控件
示例:
函数说明:
+ ___construct
构造函数
| 参数 | 说明 | 必填 | 默认值 |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | ---------------------------------- |
| type | 控件类型<br>DatepickerBuilder::TYPE_DATEPICKER 单日期选择<br><br>DatepickerBuilder::TYPE_RANGEPICKER 范围选择 | 否 | DatepickerBuilder::TYPE_DATEPICKER |
| picker | DatepickerBuilder::PICKER_DATE 日<br/>DatepickerBuilder::PICKER_WEEK 周<br/>DatepickerBuilder::PICKER_MONTH 月<br/>DatepickerBuilder::PICKER_YEAR 年<br/>DatepickerBuilder::PICKER_YEAR 季 | 否 | DatepickerBuilder::PICKER_DATE |
- setType
控件类型
| 参数 | 说明 | 必填 | 默认值 |
| ---- | --------------------------------------------------------------------------------------------------- | --- | --- |
| type | 控件类型<br/>DatepickerBuilder::TYPE_DATEPICKER 单日期选择<br/><br/>DatepickerBuilder::TYPE_RANGEPICKER 范围选择 | 是 | 无 |
- setPicker
选择日期粒度
| 参数 | 说明 | 必填 | 默认值 |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | --- |
| picker | DatepickerBuilder::PICKER_DATE 日<br/>DatepickerBuilder::PICKER_WEEK 周<br/>DatepickerBuilder::PICKER_MONTH 月<br/>DatepickerBuilder::PICKER_YEAR 年<br/>DatepickerBuilder::PICKER_YEAR 季 | 是 | 无 |
+ setDefaultValue
设置日期
| 参数 | 说明 | 必填 | 默认值 |
| ----- | ----------------------------------------------------------------------------------------------------------- | --- | --- |
| dates | 数组 <br/>range类型时必须传递包含开始日期和结束日期得数组<br/>datepicker类型时只需传递一个日期<br/>格式为字符串<br/>如: ['2022-08-01', '2022-08-31'] | 是 | 无 |
+ parseParam
参数解释函数
| 参数 | 说明 | 必填 | 默认值 |
| -------- | ---------------------------------------------------- | --- | --- |
| get_data | 数组 <br>url传参数组,一般为I('get.')<br/> | 是 | 无 |
| 返回值 | 数组<br/>range类型,返回选择的开始和结束时间<br/>datepicker类型,返回选择的时间 | | |