提交 33b9447c 编写于 作者: C Catouse

* fix typo, thanks @reneeteng.

上级 3e4e2237
...@@ -182,7 +182,7 @@ filter: lunbo lb ...@@ -182,7 +182,7 @@ filter: lunbo lb
<tbody> <tbody>
<tr> <tr>
<td>slide.zui.carousel</td> <td>slide.zui.carousel</td>
<td>此事件在 `slide` 方法被调用之后立即发。</td> <td>此事件在 `slide` 方法被调用之后立即发。</td>
</tr> </tr>
<tr> <tr>
<td>slid.zui.carousel</td> <td>slid.zui.carousel</td>
......
...@@ -290,7 +290,7 @@ Chosen 为独立组件,你需要从本地或 CDN 单独引入 lib 目录下的 ...@@ -290,7 +290,7 @@ Chosen 为独立组件,你需要从本地或 CDN 单独引入 lib 目录下的
<li><code>'false'</code>(默认):不禁用</li> <li><code>'false'</code>(默认):不禁用</li>
</ul> </ul>
</td> </td>
<td>禁用检索功能,将不再现实搜索框来让用户检索选项。</td> <td>禁用检索功能,将不再显示搜索框来让用户检索选项。</td>
</tr> </tr>
<tr> <tr>
<td>`disable_search_threshold`</td> <td>`disable_search_threshold`</td>
...@@ -430,7 +430,7 @@ Chosen 为独立组件,你需要从本地或 CDN 单独引入 lib 目录下的 ...@@ -430,7 +430,7 @@ Chosen 为独立组件,你需要从本地或 CDN 单独引入 lib 目录下的
<td>表单域可以隐藏域或者文本框</td> <td>表单域可以隐藏域或者文本框</td>
</tr> </tr>
<tr> <tr>
<td>`sort_value_spilter`</td> <td>`sort_value_splitter`</td>
<td>用于记录多选选项值顺序时用于拼接的字符</td> <td>用于记录多选选项值顺序时用于拼接的字符</td>
<td>默认为 `','`</td> <td>默认为 `','`</td>
<td></td> <td></td>
......
...@@ -62,7 +62,7 @@ $('.input-group #myColor').colorPicker({ ...@@ -62,7 +62,7 @@ $('.input-group #myColor').colorPicker({
## 自定义按钮图标 ## 自定义按钮图标
使用 `icon` 选项来自定义预设的颜色。可供使用的图标参见 [控件 - 图标](#control/icon) 章节。 使用 `icon` 选项来自定义预设的图标。可供使用的图标参见 [控件 - 图标](#control/icon) 章节。
<example> <example>
<div class="row"> <div class="row">
...@@ -161,7 +161,7 @@ $(function() { ...@@ -161,7 +161,7 @@ $(function() {
<td>`wrapper`</td> <td>`wrapper`</td>
<td>下拉按钮父元素的 CSS CLASS</td> <td>下拉按钮父元素的 CSS CLASS</td>
<td>默认为 `'btn-wrapper'`</td> <td>默认为 `'btn-wrapper'`</td>
<td>当使用输入组形式时,应该此选项设置为 `'input-group-btn'`</td> <td>当使用输入组形式时,应该此选项设置为 `'input-group-btn'`</td>
</tr> </tr>
<tr> <tr>
<td>`tileSize`</td> <td>`tileSize`</td>
......
...@@ -265,7 +265,7 @@ $('#draggableBox2').draggable({ ...@@ -265,7 +265,7 @@ $('#draggableBox2').draggable({
<td>`drag`</td> <td>`drag`</td>
<td>移动时回调函数</td> <td>移动时回调函数</td>
<td>默认不设置</td> <td>默认不设置</td>
<td>指定一个回调函数在移动目标元素时`mousemove` 事件发生时)调用。</td> <td>指定一个回调函数在移动目标元素时(`mousemove` 事件发生时)调用。</td>
</tr> </tr>
<tr> <tr>
<td>`finish`</td> <td>`finish`</td>
...@@ -342,7 +342,7 @@ $('#dragBtn').draggable({ ...@@ -342,7 +342,7 @@ $('#dragBtn').draggable({
### <span class="code">$().draggable('destroy')</span> ### <span class="code">$().draggable('destroy')</span>
如果确定不需要拖拽操作,则可以调用 `$().draggable('destroy')` 来销毁拖拽插件。销毁之后如果需要重新启用拖拽则重新进行初始化即可。 如果确定不需要拖拽操作,则可以调用 `$().draggable('destroy')` 来销毁拖拽插件。销毁之后如果需要重新启用拖拽则重新进行初始化即可。
```js ```js
$('#dragEles').draggable('destroy'); $('#dragEles').draggable('destroy');
......
...@@ -181,7 +181,7 @@ filter: xialacaidan xlcd ...@@ -181,7 +181,7 @@ filter: xialacaidan xlcd
## 浮动方向 ## 浮动方向
通常情况下,下拉菜单会在触发元素下发弹出,可以为下拉菜单父级元素(`.dropdown``.btn-group`)添加 `.dropup` 类时下拉菜单在发元素上方弹出。 通常情况下,下拉菜单会在触发元素下发弹出,可以为下拉菜单父级元素(`.dropdown``.btn-group`)添加 `.dropup` 类时下拉菜单在发元素上方弹出。
在水平方向上下拉菜单左侧会与触发元素的左侧对齐,为 `.dorpdown-menu` 添加 `.pull-right` 可以使得下拉菜单的右侧与触发元素的右侧对齐。 在水平方向上下拉菜单左侧会与触发元素的左侧对齐,为 `.dorpdown-menu` 添加 `.pull-right` 可以使得下拉菜单的右侧与触发元素的右侧对齐。
......
...@@ -486,7 +486,7 @@ $('#dragBtn').draggable({ ...@@ -486,7 +486,7 @@ $('#dragBtn').draggable({
### <span class="code">$().droppable('destroy')</span> ### <span class="code">$().droppable('destroy')</span>
如果确定不需要拖放操作,则可以调用 `$().droppable('destroy')` 来销毁拖放插件。销毁之后如果需要重新启用拖放则重新进行初始化即可。 如果确定不需要拖放操作,则可以调用 `$().droppable('destroy')` 来销毁拖放插件。销毁之后如果需要重新启用拖放则重新进行初始化即可。
```js ```js
$('#dragDropEles').droppable('destroy'); $('#dragDropEles').droppable('destroy');
......
...@@ -154,7 +154,7 @@ function afterPageLoad() { ...@@ -154,7 +154,7 @@ function afterPageLoad() {
<div class="alert alert-info"> <div class="alert alert-info">
<h4>注意</h4> <h4>注意</h4>
<p>ZUI 中的 KIndeditor 依赖 jQuery 以及 ZUI 基础样式和 JS 插件,所以无法在没有引入 jQuery 和 ZUI 的环境中使用。</p> <p>ZUI 中的 Kindeditor 依赖 jQuery 以及 ZUI 基础样式和 JS 插件,所以无法在没有引入 jQuery 和 ZUI 的环境中使用。</p>
</div> </div>
## UEditor ## UEditor
......
...@@ -106,7 +106,7 @@ $('#imgCutter').imgCutter(options); ...@@ -106,7 +106,7 @@ $('#imgCutter').imgCutter(options);
<td>`fixedRatio`</td> <td>`fixedRatio`</td>
<td>启用固定尺寸比例</td> <td>启用固定尺寸比例</td>
<td>`false`(默认)|`true`</td> <td>`false`(默认)|`true`</td>
<td>如果启用固定尺寸比例,则用户在拖拽更改尺寸时会初始比例进行同步缩放</td> <td>如果启用固定尺寸比例,则用户在拖拽更改尺寸时会初始比例进行同步缩放</td>
</tr> </tr>
<tr> <tr>
<td>`minWidth`</td> <td>`minWidth`</td>
......
...@@ -537,7 +537,7 @@ myModalTrigger.ajustPosition(options); ...@@ -537,7 +537,7 @@ myModalTrigger.ajustPosition(options);
<tr> <tr>
<td>`broken`</td> <td>`broken`</td>
<td>`broken.zui.modal`</td> <td>`broken.zui.modal`</td>
<td>当加载远程内容失败之后调用,在次回调方法中返回字符串会更新对话框现实的内容(例如在对话框中显示一个加载失败之后的帮助信息)。</td> <td>当加载远程内容失败之后调用,在次回调方法中返回字符串会更新对话框显示的内容(例如在对话框中显示一个加载失败之后的帮助信息)。</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
......
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
</div> </div>
## 综合示例 ## 综合示例
拖拽选取允许通过按住鼠标左键不放并拖动来选取范围内的元素。 拖拽选取允许通过按住鼠标左键不放并拖动来选取范围内的元素。
在目标元素上单击鼠标左键来选取或者取消选取元素 在目标元素上单击鼠标左键来选取或者取消选取元素
当再次拖选时会取消上选中的元素,如果按住 <kbd>Ctrl</kbd> 键的同时进行拖拽选取操作则不会取消上次选中的元素,这样就可以实现分批次多选。 当再次拖选时会取消上选中的元素,如果按住 <kbd>Ctrl</kbd> 键的同时进行拖拽选取操作则不会取消上次选中的元素,这样就可以实现分批次多选。
<style> <style>
.selectable-example {padding: 10px;} .selectable-example {padding: 10px;}
...@@ -184,7 +184,7 @@ $('#selectableExample3').selectable({ ...@@ -184,7 +184,7 @@ $('#selectableExample3').selectable({
<tbody> <tbody>
<tr> <tr>
<td>`selector`</td> <td>`selector`</td>
<td>选取目标元素选择器</td> <td>选取目标元素选择器</td>
<td>有效的 CSS 选择器字符串,默认值为 `"li,tr,div"`</td> <td>有效的 CSS 选择器字符串,默认值为 `"li,tr,div"`</td>
<td></td> <td></td>
</tr> </tr>
......
...@@ -209,7 +209,7 @@ $('#sortableList').sortable(options) ...@@ -209,7 +209,7 @@ $('#sortableList').sortable(options)
### <span class="code">$().sortable('destroy')</span> ### <span class="code">$().sortable('destroy')</span>
如果确定不需要拖放排序操作,则可以调用 `$().sortable('destroy')` 来销毁拖放排序插件。销毁之后如果需要重新启用拖放排序则重新进行初始化即可。 如果确定不需要拖放排序操作,则可以调用 `$().sortable('destroy')` 来销毁拖放排序插件。销毁之后如果需要重新启用拖放排序则重新进行初始化即可。
```js ```js
$('#dragDropEles').sortable('destroy'); $('#dragDropEles').sortable('destroy');
......
...@@ -66,7 +66,7 @@ $('#calendar').calendar(); ...@@ -66,7 +66,7 @@ $('#calendar').calendar();
</tr> </tr>
<tr> <tr>
<td>`startDate`</td> <td>`startDate`</td>
<td>* `"today"` (默认),其实日期为当天 <td>* `"today"` (默认),起始日期为当天
* `"2014-8-14"`,表示日期的字符串 * `"2014-8-14"`,表示日期的字符串
* 一个`Date`实例</td> * 一个`Date`实例</td>
<td>起始视图所在的日期</td> <td>起始视图所在的日期</td>
......
...@@ -17,7 +17,7 @@ filter: kapian kp ...@@ -17,7 +17,7 @@ filter: kapian kp
## 结构 ## 结构
卡片视图使用 `.cards` 类作为父级容器。因为 `.cards` 实际上具备栅格中的 `.row` 的行为,所可以直接在 `.cards` 内包含 `.col-*` 来以栅格创建卡片排列布局。 卡片视图使用 `.cards` 类作为父级容器。因为 `.cards` 实际上具备栅格中的 `.row` 的行为,所可以直接在 `.cards` 内包含 `.col-*` 来以栅格创建卡片排列布局。
卡片 `.card` 也可以单独使用,而不需要包含在 `.cards` 容器元素中。 卡片 `.card` 也可以单独使用,而不需要包含在 `.cards` 容器元素中。
......
...@@ -673,7 +673,7 @@ $('#datagridSpanExample').datagrid({ ...@@ -673,7 +673,7 @@ $('#datagridSpanExample').datagrid({
值转换器可以通过如下途径进行设置,不同途径生效范围不同。 值转换器可以通过如下途径进行设置,不同途径生效范围不同。
通过 `valueOperator` 选项进行设置,会影响特定类型的数据,例如下例将所有事件戳类型转换为中文日期格式: 通过 `valueOperator` 选项进行设置,会影响特定类型的数据,例如下例将所有时间戳类型转换为中文日期格式:
```js ```js
$('#myDataGrid').datagrid({ $('#myDataGrid').datagrid({
...@@ -684,7 +684,7 @@ $('#myDataGrid').datagrid({ ...@@ -684,7 +684,7 @@ $('#myDataGrid').datagrid({
] ]
}, },
valueOperator: { valueOperator: {
// date 值转换器会影响所 valueType 为 `date` 的列 // date 值转换器会影响所 valueType 为 `date` 的列
date: { date: {
getter: function(dataValue, cell, dataGrid) { getter: function(dataValue, cell, dataGrid) {
return new Date(dataValue).toLocaleString(); return new Date(dataValue).toLocaleString();
...@@ -721,7 +721,7 @@ $('#myDataGrid').datagrid({ ...@@ -721,7 +721,7 @@ $('#myDataGrid').datagrid({
}); });
``` ```
值转换器还可以通过 `configs` 选项单独为某个单元格或某行进行设置。例如仅仅为第 2 行第 1 列应用日期值转换器 值转换器还可以通过 `configs` 选项单独为某个单元格或某行进行设置。例如仅仅为第 2 行第 1 列应用日期值转换器
```js ```js
$('#myDataGrid').datagrid({ $('#myDataGrid').datagrid({
......
...@@ -57,7 +57,7 @@ filter: shujubiaoge sjbg ...@@ -57,7 +57,7 @@ filter: shujubiaoge sjbg
<th>时间</th> <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="200">描述</th>
<th class="flex-col" data-width="300">相关人物</th> <th class="flex-col" data-width="300">相关人物</th>
...@@ -180,7 +180,7 @@ $('table.datatable').datatable({checkable: true, sortable: true}); ...@@ -180,7 +180,7 @@ $('table.datatable').datatable({checkable: true, sortable: true});
<td>`flexHeadDrag`</td> <td>`flexHeadDrag`</td>
<td>* `false` <td>* `false`
* `true` (默认)</td> * `true` (默认)</td>
<td>是否能够通拖拽可变区域的头部来调整可见区域</td> <td>是否能够通拖拽可变区域的头部来调整可见区域</td>
</tr> </tr>
<tr> <tr>
<td>`scrollPos`</td> <td>`scrollPos`</td>
......
...@@ -105,7 +105,7 @@ filter: liebiao lb ...@@ -105,7 +105,7 @@ filter: liebiao lb
`.item-content` 内使用 `.media` 包裹图片作为缩略图。 `.item-content` 内使用 `.media` 包裹图片作为缩略图。
`.media` 上使用 `.pull-left``.pull-right` 来让缩略图居左或居右放置。此时默认情况下缩略图最大宽度为 `150px`,如果要更改缩略图大,你可以手动为缩略图应用样式。 `.media` 上使用 `.pull-left``.pull-right` 来让缩略图居左或居右放置。此时默认情况下缩略图最大宽度为 `150px`,如果要更改缩略图大,你可以手动为缩略图应用样式。
<example> <example>
<div class="items"> <div class="items">
......
...@@ -615,7 +615,7 @@ myTree.add('#myTree', newItems); ...@@ -615,7 +615,7 @@ myTree.add('#myTree', newItems);
// 获取 tree 实例 // 获取 tree 实例
var myTree = $('#myTree').data('zui.tree'); var myTree = $('#myTree').data('zui.tree');
// 此处可以更新结构 // 此处可以更新结构
// 获取更新后的树数据 // 获取更新后的树数据
var myTreeData = myTree.toData(function(item, $li) { var myTreeData = myTree.toData(function(item, $li) {
......
...@@ -202,13 +202,13 @@ $('#myTreemap').treemap(); ...@@ -202,13 +202,13 @@ $('#myTreemap').treemap();
<td>`text`</td> <td>`text`</td>
<td>节点上显示的文本</td> <td>节点上显示的文本</td>
<td>字符串, 默认 `''`</td> <td>字符串, 默认 `''`</td>
<td>如果 `text` 属性和 `html` 属性都没有指定,则节点元素上不显示内容。</td> <td>如果 `text` 属性和 `html` 属性都没有指定,则节点元素上不显示内容。</td>
</tr> </tr>
<tr> <tr>
<td>`html`</td> <td>`html`</td>
<td>节点上显示的HTML格式文本</td> <td>节点上显示的HTML格式文本</td>
<td>字符串, 默认 `''`</td> <td>字符串, 默认 `''`</td>
<td>如果 `text` 属性和 `html` 属性都没有指定,则节点元素上不显示内容。</td> <td>如果 `text` 属性和 `html` 属性都没有指定,则节点元素上不显示内容。</td>
</tr> </tr>
<tr> <tr>
<td>`children`</td> <td>`children`</td>
...@@ -381,7 +381,7 @@ $('#myTreemap').treemap(); ...@@ -381,7 +381,7 @@ $('#myTreemap').treemap();
<tr> <tr>
<td>`listenNodeResize`</td> <td>`listenNodeResize`</td>
<td>监听节点尺寸变化</td> <td>监听节点尺寸变化</td>
<td>默认 `true`</td> <td>默认 `true`</td>
<td>如果为 `true` 则当任何一个节点尺寸发生变化时重新绘制连接线,如果确认节点尺寸不会在组织结构图绘制完成后发生变化,则可以设置为 `false` 关闭此选项来避免额外的程序执行。</td> <td>如果为 `true` 则当任何一个节点尺寸发生变化时重新绘制连接线,如果确认节点尺寸不会在组织结构图绘制完成后发生变化,则可以设置为 `false` 关闭此选项来避免额外的程序执行。</td>
</tr> </tr>
<tr> <tr>
...@@ -445,7 +445,7 @@ myTreemap.render(myTreemapData); ...@@ -445,7 +445,7 @@ myTreemap.render(myTreemapData);
### <span class="code text-danger">$().treemap('drawLines')</span> ### <span class="code text-danger">$().treemap('drawLines')</span>
重新计算并绘制连接线,通常无序手动调用此方法。当发现组织图节点连接性发生错位时,调用此方法可以立即重新计算并重新绘制。 重新计算并绘制连接线,通常无需手动调用此方法。当发现组织图节点连接线发生错位时,调用此方法可以立即重新计算并重新绘制。
```js ```js
// 简单调用 // 简单调用
...@@ -547,7 +547,7 @@ $('#myTreemap').treemap({ ...@@ -547,7 +547,7 @@ $('#myTreemap').treemap({
### 事件 <span class="code text-danger">afterDrawLines</span> ### 事件 <span class="code text-danger">afterDrawLines</span>
该事件在重新绘制连接后触发。 该事件在重新绘制连接线后触发。
```js ```js
// 使用 jQuery.on() 方法绑定事件 // 使用 jQuery.on() 方法绑定事件
...@@ -747,4 +747,3 @@ function afterPageLoad() { ...@@ -747,4 +747,3 @@ function afterPageLoad() {
}, 1000); }, 1000);
} }
</script> </script>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册