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

* fix typo, thanks @reneeteng.

上级 3e4e2237
......@@ -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>
......
......@@ -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_spilter`</td>
<td>`sort_value_splitter`</td>
<td>用于记录多选选项值顺序时用于拼接的字符</td>
<td>默认为 `','`</td>
<td></td>
......
......@@ -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>
......
......@@ -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');
......
......@@ -181,7 +181,7 @@ filter: xialacaidan xlcd
## 浮动方向
通常情况下,下拉菜单会在触发元素下发弹出,可以为下拉菜单父级元素(`.dropdown``.btn-group`)添加 `.dropup` 类时下拉菜单在发元素上方弹出。
通常情况下,下拉菜单会在触发元素下发弹出,可以为下拉菜单父级元素(`.dropdown``.btn-group`)添加 `.dropup` 类时下拉菜单在发元素上方弹出。
在水平方向上下拉菜单左侧会与触发元素的左侧对齐,为 `.dorpdown-menu` 添加 `.pull-right` 可以使得下拉菜单的右侧与触发元素的右侧对齐。
......
......@@ -486,7 +486,7 @@ $('#dragBtn').draggable({
### <span class="code">$().droppable('destroy')</span>
如果确定不需要拖放操作,则可以调用 `$().droppable('destroy')` 来销毁拖放插件。销毁之后如果需要重新启用拖放则重新进行初始化即可。
如果确定不需要拖放操作,则可以调用 `$().droppable('destroy')` 来销毁拖放插件。销毁之后如果需要重新启用拖放则重新进行初始化即可。
```js
$('#dragDropEles').droppable('destroy');
......
......@@ -154,7 +154,7 @@ function afterPageLoad() {
<div class="alert alert-info">
<h4>注意</h4>
<p>ZUI 中的 KIndeditor 依赖 jQuery 以及 ZUI 基础样式和 JS 插件,所以无法在没有引入 jQuery 和 ZUI 的环境中使用。</p>
<p>ZUI 中的 Kindeditor 依赖 jQuery 以及 ZUI 基础样式和 JS 插件,所以无法在没有引入 jQuery 和 ZUI 的环境中使用。</p>
</div>
## UEditor
......
......@@ -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>
......
......@@ -537,7 +537,7 @@ myModalTrigger.ajustPosition(options);
<tr>
<td>`broken`</td>
<td>`broken.zui.modal`</td>
<td>当加载远程内容失败之后调用,在次回调方法中返回字符串会更新对话框现实的内容(例如在对话框中显示一个加载失败之后的帮助信息)。</td>
<td>当加载远程内容失败之后调用,在次回调方法中返回字符串会更新对话框显示的内容(例如在对话框中显示一个加载失败之后的帮助信息)。</td>
</tr>
</tbody>
</table>
......
......@@ -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>
......
......@@ -209,7 +209,7 @@ $('#sortableList').sortable(options)
### <span class="code">$().sortable('destroy')</span>
如果确定不需要拖放排序操作,则可以调用 `$().sortable('destroy')` 来销毁拖放排序插件。销毁之后如果需要重新启用拖放排序则重新进行初始化即可。
如果确定不需要拖放排序操作,则可以调用 `$().sortable('destroy')` 来销毁拖放排序插件。销毁之后如果需要重新启用拖放排序则重新进行初始化即可。
```js
$('#dragDropEles').sortable('destroy');
......
......@@ -66,7 +66,7 @@ $('#calendar').calendar();
</tr>
<tr>
<td>`startDate`</td>
<td>* `"today"` (默认),其实日期为当天
<td>* `"today"` (默认),起始日期为当天
* `"2014-8-14"`,表示日期的字符串
* 一个`Date`实例</td>
<td>起始视图所在的日期</td>
......
......@@ -17,7 +17,7 @@ filter: kapian kp
## 结构
卡片视图使用 `.cards` 类作为父级容器。因为 `.cards` 实际上具备栅格中的 `.row` 的行为,所可以直接在 `.cards` 内包含 `.col-*` 来以栅格创建卡片排列布局。
卡片视图使用 `.cards` 类作为父级容器。因为 `.cards` 实际上具备栅格中的 `.row` 的行为,所可以直接在 `.cards` 内包含 `.col-*` 来以栅格创建卡片排列布局。
卡片 `.card` 也可以单独使用,而不需要包含在 `.cards` 容器元素中。
......
......@@ -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({
......
......@@ -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>
......
......@@ -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">
......
......@@ -615,7 +615,7 @@ myTree.add('#myTree', newItems);
// 获取 tree 实例
var myTree = $('#myTree').data('zui.tree');
// 此处可以更新结构
// 此处可以更新结构
// 获取更新后的树数据
var myTreeData = myTree.toData(function(item, $li) {
......
......@@ -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.
先完成此消息的编辑!
想要评论请 注册