Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
33b9447c
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
GitCode(gitcode.net)2024年7月9日维护升级公告
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
33b9447c
编写于
2月 04, 2020
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* fix typo, thanks @reneeteng.
上级
3e4e2237
变更
18
隐藏空白更改
内联
并排
Showing
18 changed file
with
30 addition
and
31 deletion
+30
-31
docs/part/javascript-carousel.md
docs/part/javascript-carousel.md
+1
-1
docs/part/javascript-chosen.md
docs/part/javascript-chosen.md
+2
-2
docs/part/javascript-colorpicker.md
docs/part/javascript-colorpicker.md
+2
-2
docs/part/javascript-draggable.md
docs/part/javascript-draggable.md
+2
-2
docs/part/javascript-dropdown.md
docs/part/javascript-dropdown.md
+1
-1
docs/part/javascript-droppable.md
docs/part/javascript-droppable.md
+1
-1
docs/part/javascript-htmleditor.md
docs/part/javascript-htmleditor.md
+1
-1
docs/part/javascript-imgcutter.md
docs/part/javascript-imgcutter.md
+1
-1
docs/part/javascript-modaltrigger.md
docs/part/javascript-modaltrigger.md
+1
-1
docs/part/javascript-selectable.md
docs/part/javascript-selectable.md
+3
-3
docs/part/javascript-sortable.md
docs/part/javascript-sortable.md
+1
-1
docs/part/view-calendar.md
docs/part/view-calendar.md
+1
-1
docs/part/view-card.md
docs/part/view-card.md
+1
-1
docs/part/view-datagrid.md
docs/part/view-datagrid.md
+3
-3
docs/part/view-datatable.md
docs/part/view-datatable.md
+2
-2
docs/part/view-list.md
docs/part/view-list.md
+1
-1
docs/part/view-tree.md
docs/part/view-tree.md
+1
-1
docs/part/view-treemap.md
docs/part/view-treemap.md
+5
-6
未找到文件。
docs/part/javascript-carousel.md
浏览文件 @
33b9447c
...
...
@@ -182,7 +182,7 @@ filter: lunbo lb
<tbody>
<tr>
<td>
slide.zui.carousel
</td>
<td>
此事件在
`slide`
方法被调用之后立即
出
发。
</td>
<td>
此事件在
`slide`
方法被调用之后立即
触
发。
</td>
</tr>
<tr>
<td>
slid.zui.carousel
</td>
...
...
docs/part/javascript-chosen.md
浏览文件 @
33b9447c
...
...
@@ -290,7 +290,7 @@ Chosen 为独立组件,你需要从本地或 CDN 单独引入 lib 目录下的
<li><code>
'false'
</code>
(默认):不禁用
</li>
</ul>
</td>
<td>
禁用检索功能,将不再
现实
搜索框来让用户检索选项。
</td>
<td>
禁用检索功能,将不再
显示
搜索框来让用户检索选项。
</td>
</tr>
<tr>
<td>
`disable_search_threshold`
</td>
...
...
@@ -430,7 +430,7 @@ Chosen 为独立组件,你需要从本地或 CDN 单独引入 lib 目录下的
<td>
表单域可以隐藏域或者文本框
</td>
</tr>
<tr>
<td>
`sort_value_sp
il
ter`
</td>
<td>
`sort_value_sp
lit
ter`
</td>
<td>
用于记录多选选项值顺序时用于拼接的字符
</td>
<td>
默认为
`','`
</td>
<td></td>
...
...
docs/part/javascript-colorpicker.md
浏览文件 @
33b9447c
...
...
@@ -62,7 +62,7 @@ $('.input-group #myColor').colorPicker({
## 自定义按钮图标
使用
`icon`
选项来自定义预设的
颜色
。可供使用的图标参见
[
控件 - 图标
](
#control/icon
)
章节。
使用
`icon`
选项来自定义预设的
图标
。可供使用的图标参见
[
控件 - 图标
](
#control/icon
)
章节。
<example>
<div
class=
"row"
>
...
...
@@ -161,7 +161,7 @@ $(function() {
<td>
`wrapper`
</td>
<td>
下拉按钮父元素的 CSS CLASS
</td>
<td>
默认为
`'btn-wrapper'`
</td>
<td>
当使用输入组形式时,应该
讲
此选项设置为
`'input-group-btn'`
</td>
<td>
当使用输入组形式时,应该
将
此选项设置为
`'input-group-btn'`
</td>
</tr>
<tr>
<td>
`tileSize`
</td>
...
...
docs/part/javascript-draggable.md
浏览文件 @
33b9447c
...
...
@@ -265,7 +265,7 @@ $('#draggableBox2').draggable({
<td>
`drag`
</td>
<td>
移动时回调函数
</td>
<td>
默认不设置
</td>
<td>
指定一个回调函数在移动目标元素时
前
(
`mousemove`
事件发生时)调用。
</td>
<td>
指定一个回调函数在移动目标元素时(
`mousemove`
事件发生时)调用。
</td>
</tr>
<tr>
<td>
`finish`
</td>
...
...
@@ -342,7 +342,7 @@ $('#dragBtn').draggable({
### <span class="code">$().draggable('destroy')</span>
如果
以
确定不需要拖拽操作,则可以调用
`$().draggable('destroy')`
来销毁拖拽插件。销毁之后如果需要重新启用拖拽则重新进行初始化即可。
如果
已
确定不需要拖拽操作,则可以调用
`$().draggable('destroy')`
来销毁拖拽插件。销毁之后如果需要重新启用拖拽则重新进行初始化即可。
```
js
$
(
'
#dragEles
'
).
draggable
(
'
destroy
'
);
...
...
docs/part/javascript-dropdown.md
浏览文件 @
33b9447c
...
...
@@ -181,7 +181,7 @@ filter: xialacaidan xlcd
## 浮动方向
通常情况下,下拉菜单会在触发元素下发弹出,可以为下拉菜单父级元素(
`.dropdown`
或
`.btn-group`
)添加
`.dropup`
类时下拉菜单在
出
发元素上方弹出。
通常情况下,下拉菜单会在触发元素下发弹出,可以为下拉菜单父级元素(
`.dropdown`
或
`.btn-group`
)添加
`.dropup`
类时下拉菜单在
触
发元素上方弹出。
在水平方向上下拉菜单左侧会与触发元素的左侧对齐,为
`.dorpdown-menu`
添加
`.pull-right`
可以使得下拉菜单的右侧与触发元素的右侧对齐。
...
...
docs/part/javascript-droppable.md
浏览文件 @
33b9447c
...
...
@@ -486,7 +486,7 @@ $('#dragBtn').draggable({
### <span class="code">$().droppable('destroy')</span>
如果
以
确定不需要拖放操作,则可以调用
`$().droppable('destroy')`
来销毁拖放插件。销毁之后如果需要重新启用拖放则重新进行初始化即可。
如果
已
确定不需要拖放操作,则可以调用
`$().droppable('destroy')`
来销毁拖放插件。销毁之后如果需要重新启用拖放则重新进行初始化即可。
```
js
$
(
'
#dragDropEles
'
).
droppable
(
'
destroy
'
);
...
...
docs/part/javascript-htmleditor.md
浏览文件 @
33b9447c
...
...
@@ -154,7 +154,7 @@ function afterPageLoad() {
<div
class=
"alert alert-info"
>
<h4>
注意
</h4>
<p>
ZUI 中的 K
I
ndeditor 依赖 jQuery 以及 ZUI 基础样式和 JS 插件,所以无法在没有引入 jQuery 和 ZUI 的环境中使用。
</p>
<p>
ZUI 中的 K
i
ndeditor 依赖 jQuery 以及 ZUI 基础样式和 JS 插件,所以无法在没有引入 jQuery 和 ZUI 的环境中使用。
</p>
</div>
## UEditor
...
...
docs/part/javascript-imgcutter.md
浏览文件 @
33b9447c
...
...
@@ -106,7 +106,7 @@ $('#imgCutter').imgCutter(options);
<td>
`fixedRatio`
</td>
<td>
启用固定尺寸比例
</td>
<td>
`false`
(默认)|
`true`
</td>
<td>
如果启用固定尺寸比例,则用户在拖拽更改尺寸时会
已
初始比例进行同步缩放
</td>
<td>
如果启用固定尺寸比例,则用户在拖拽更改尺寸时会
以
初始比例进行同步缩放
</td>
</tr>
<tr>
<td>
`minWidth`
</td>
...
...
docs/part/javascript-modaltrigger.md
浏览文件 @
33b9447c
...
...
@@ -537,7 +537,7 @@ myModalTrigger.ajustPosition(options);
<tr>
<td>`
broken
`</td>
<td>`
broken.zui.modal
`</td>
<td>当加载远程内容失败之后调用,在次回调方法中返回字符串会更新对话框
现实
的内容(例如在对话框中显示一个加载失败之后的帮助信息)。</td>
<td>当加载远程内容失败之后调用,在次回调方法中返回字符串会更新对话框
显示
的内容(例如在对话框中显示一个加载失败之后的帮助信息)。</td>
</tr>
</tbody>
</table>
...
...
docs/part/javascript-selectable.md
浏览文件 @
33b9447c
...
...
@@ -6,12 +6,12 @@
</div>
## 综合示例
拖拽选取允许通过按住鼠标左键不放并拖动来选取范围内的元素。
在目标元素上单击鼠标左键来选取或者取消选取元素
当再次拖选时会取消上选中的元素,如果按住
<kbd>
Ctrl
</kbd>
键的同时进行拖拽选取操作则不会取消上次选中的元素,这样就可以实现分批次多选。
当再次拖选时会取消上
次
选中的元素,如果按住
<kbd>
Ctrl
</kbd>
键的同时进行拖拽选取操作则不会取消上次选中的元素,这样就可以实现分批次多选。
<style>
.selectable-example {padding: 10px;}
...
...
@@ -184,7 +184,7 @@ $('#selectableExample3').selectable({
<tbody>
<tr>
<td>
`selector`
</td>
<td>
带
选取目标元素选择器
</td>
<td>
待
选取目标元素选择器
</td>
<td>
有效的 CSS 选择器字符串,默认值为
`"li,tr,div"`
</td>
<td></td>
</tr>
...
...
docs/part/javascript-sortable.md
浏览文件 @
33b9447c
...
...
@@ -209,7 +209,7 @@ $('#sortableList').sortable(options)
### <span class="code">$().sortable('destroy')</span>
如果
以
确定不需要拖放排序操作,则可以调用
`$().sortable('destroy')`
来销毁拖放排序插件。销毁之后如果需要重新启用拖放排序则重新进行初始化即可。
如果
已
确定不需要拖放排序操作,则可以调用
`$().sortable('destroy')`
来销毁拖放排序插件。销毁之后如果需要重新启用拖放排序则重新进行初始化即可。
```
js
$
(
'
#dragDropEles
'
).
sortable
(
'
destroy
'
);
...
...
docs/part/view-calendar.md
浏览文件 @
33b9447c
...
...
@@ -66,7 +66,7 @@ $('#calendar').calendar();
</tr>
<tr>
<td>
`startDate`
</td>
<td>
*
`"today"`
(默认),
其实
日期为当天
<td>
*
`"today"`
(默认),
起始
日期为当天
*
`"2014-8-14"`
,表示日期的字符串
*
一个
`Date`
实例
</td>
<td>
起始视图所在的日期
</td>
...
...
docs/part/view-card.md
浏览文件 @
33b9447c
...
...
@@ -17,7 +17,7 @@ filter: kapian kp
## 结构
卡片视图使用
`.cards`
类作为父级容器。因为
`.cards`
实际上具备栅格中的
`.row`
的行为,所
有
可以直接在
`.cards`
内包含
`.col-*`
来以栅格创建卡片排列布局。
卡片视图使用
`.cards`
类作为父级容器。因为
`.cards`
实际上具备栅格中的
`.row`
的行为,所
以
可以直接在
`.cards`
内包含
`.col-*`
来以栅格创建卡片排列布局。
卡片
`.card`
也可以单独使用,而不需要包含在
`.cards`
容器元素中。
...
...
docs/part/view-datagrid.md
浏览文件 @
33b9447c
...
...
@@ -673,7 +673,7 @@ $('#datagridSpanExample').datagrid({
值转换器可以通过如下途径进行设置,不同途径生效范围不同。
通过
`valueOperator`
选项进行设置,会影响特定类型的数据,例如下例将所有
事件
戳类型转换为中文日期格式:
通过
`valueOperator`
选项进行设置,会影响特定类型的数据,例如下例将所有
时间
戳类型转换为中文日期格式:
```
js
$
(
'
#myDataGrid
'
).
datagrid
({
...
...
@@ -684,7 +684,7 @@ $('#myDataGrid').datagrid({
]
},
valueOperator
:
{
// date 值转换器会影响所
以
valueType 为 `date` 的列
// date 值转换器会影响所
有
valueType 为 `date` 的列
date
:
{
getter
:
function
(
dataValue
,
cell
,
dataGrid
)
{
return
new
Date
(
dataValue
).
toLocaleString
();
...
...
@@ -721,7 +721,7 @@ $('#myDataGrid').datagrid({
});
```
值转换器还可以通过
`configs`
选项单独为某个单元格或某行进行设置。例如仅仅为第 2 行第 1 列应用日期值转换器
“
值转换器还可以通过
`configs`
选项单独为某个单元格或某行进行设置。例如仅仅为第 2 行第 1 列应用日期值转换器
:
```
js
$
(
'
#myDataGrid
'
).
datagrid
({
...
...
docs/part/view-datatable.md
浏览文件 @
33b9447c
...
...
@@ -57,7 +57,7 @@ filter: shujubiaoge sjbg
<th>
时间
</th>
<!-- 以下三列中间可滚动 -->
<th
class=
"flex-col"
data-width=
"100"
>
事件类型
</th>
<th
class=
"flex-col"
data-width=
"100"
>
事件类型
</th>
<th
class=
"flex-col"
data-width=
"200"
>
描述
</th>
<th
class=
"flex-col"
data-width=
"300"
>
相关人物
</th>
...
...
@@ -180,7 +180,7 @@ $('table.datatable').datatable({checkable: true, sortable: true});
<td>
`flexHeadDrag`
</td>
<td>
*
`false`
*
`true`
(默认)
</td>
<td>
是否能够通
告
拖拽可变区域的头部来调整可见区域
</td>
<td>
是否能够通
过
拖拽可变区域的头部来调整可见区域
</td>
</tr>
<tr>
<td>
`scrollPos`
</td>
...
...
docs/part/view-list.md
浏览文件 @
33b9447c
...
...
@@ -105,7 +105,7 @@ filter: liebiao lb
在
`.item-content`
内使用
`.media`
包裹图片作为缩略图。
在
`.media`
上使用
`.pull-left`
或
`.pull-right`
来让缩略图居左或居右放置。此时默认情况下缩略图最大宽度为
`150px`
,如果要更改缩略图大
学
,你可以手动为缩略图应用样式。
在
`.media`
上使用
`.pull-left`
或
`.pull-right`
来让缩略图居左或居右放置。此时默认情况下缩略图最大宽度为
`150px`
,如果要更改缩略图大
小
,你可以手动为缩略图应用样式。
<example>
<div
class=
"items"
>
...
...
docs/part/view-tree.md
浏览文件 @
33b9447c
...
...
@@ -615,7 +615,7 @@ myTree.add('#myTree', newItems);
// 获取 tree 实例
var
myTree
=
$
(
'
#myTree
'
).
data
(
'
zui.tree
'
);
// 此处可以更新
数
结构
// 此处可以更新
树
结构
// 获取更新后的树数据
var
myTreeData
=
myTree
.
toData
(
function
(
item
,
$li
)
{
...
...
docs/part/view-treemap.md
浏览文件 @
33b9447c
...
...
@@ -202,13 +202,13 @@ $('#myTreemap').treemap();
<td>
`text`
</td>
<td>
节点上显示的文本
</td>
<td>
字符串, 默认
`''`
</td>
<td>
如果
`text`
属性和
`html`
属性都没有指定,则节点元素上不
回
显示内容。
</td>
<td>
如果
`text`
属性和
`html`
属性都没有指定,则节点元素上不
会
显示内容。
</td>
</tr>
<tr>
<td>
`html`
</td>
<td>
节点上显示的HTML格式文本
</td>
<td>
字符串, 默认
`''`
</td>
<td>
如果
`text`
属性和
`html`
属性都没有指定,则节点元素上不
回
显示内容。
</td>
<td>
如果
`text`
属性和
`html`
属性都没有指定,则节点元素上不
会
显示内容。
</td>
</tr>
<tr>
<td>
`children`
</td>
...
...
@@ -381,7 +381,7 @@ $('#myTreemap').treemap();
<tr>
<td>`listenNodeResize`</td>
<td>监听节点尺寸变化</td>
<td>默认 `true`</td>
<td>默认 `true`</td>
<td>如果为 `true` 则当任何一个节点尺寸发生变化时重新绘制连接线,如果确认节点尺寸不会在组织结构图绘制完成后发生变化,则可以设置为 `false` 关闭此选项来避免额外的程序执行。</td>
</tr>
<tr>
...
...
@@ -445,7 +445,7 @@ myTreemap.render(myTreemapData);
### <span class="code text-danger">$().treemap('drawLines')</span>
重新计算并绘制连接线,通常无
序手动调用此方法。当发现组织图节点连接性
发生错位时,调用此方法可以立即重新计算并重新绘制。
重新计算并绘制连接线,通常无
需手动调用此方法。当发现组织图节点连接线
发生错位时,调用此方法可以立即重新计算并重新绘制。
```js
// 简单调用
...
...
@@ -547,7 +547,7 @@ $('#myTreemap').treemap({
### 事件 <span class="code text-danger">afterDrawLines</span>
该事件在重新绘制连接
性
后触发。
该事件在重新绘制连接
线
后触发。
```js
// 使用 jQuery.on() 方法绑定事件
...
...
@@ -747,4 +747,3 @@ function afterPageLoad() {
}, 1000);
}
</script>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录