Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
cc702a3e
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
cc702a3e
编写于
6月 09, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update dropdown demos
上级
18bb5de5
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
83 addition
and
12 deletion
+83
-12
components/dropdown/demo/basic.md
components/dropdown/demo/basic.md
+13
-12
components/dropdown/demo/event.md
components/dropdown/demo/event.md
+32
-0
components/dropdown/demo/trigger.md
components/dropdown/demo/trigger.md
+38
-0
未找到文件。
components/dropdown/demo/basic.md
浏览文件 @
cc702a3e
...
...
@@ -2,7 +2,7 @@
-
order: 0
点击触发
最简单的下拉菜单。
---
...
...
@@ -10,21 +10,22 @@
var
Menu
=
antd
.
Menu
;
var
Dropdown
=
antd
.
Dropdown
;
function
onClick
(
key
){
alert
(
'
select
'
+
key
);
}
var
menu
=
<
Menu
style
=
{
{
width
:
140
}
}
onClick
=
{
onClick
}
>
<
Menu
.
Item
disabled
>
disabled
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"1"
>
第一个菜单项
<
/
Menu
.
Item
>
var
menu
=
<
Menu
>
<
Menu
.
Item
key
=
"0"
>
<
a
href
=
"http://www.alipay.com/"
>
第一个菜单项
</
a
>
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"1"
>
<
a
href
=
"http://www.taobao.com/"
>
第二个菜单项
</
a
>
</
Menu
.
Item
>
<
Menu
.
Divider
/>
<
Menu
.
Item
key
=
"
2"
>
第二
个菜单项
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"
3"
>
第三
个菜单项
</
Menu
.
Item
>
</
Menu
>;
React
.
render
(
<
Dropdown
animation
=
"slide-up"
overlay
=
{
menu
}
trigger
=
"click"
>
<
button
className
=
"ant-btn ant-btn-ghost"
>
点我下来
<
span
className
=
"anticon anticon-caret-down"
></
span
></
button
>
<
Dropdown
animation
=
"slide-up"
overlay
=
{
menu
}
>
<
button
className
=
"ant-btn ant-btn-ghost"
>
点我下来
<
i
className
=
"anticon anticon-caret-down"
></
i
>
</
button
>
</
Dropdown
>
,
document
.
getElementById
(
'
components-dropdown-demo-basic
'
));
````
components/dropdown/demo/
hover
.md
→
components/dropdown/demo/
event
.md
浏览文件 @
cc702a3e
...
...
@@ -2,7 +2,7 @@
-
order: 1
鼠标触发
点击菜单项后会触发事件,用户可以通过相应的菜单项 key 进行不同的操作。
---
...
...
@@ -11,20 +11,22 @@ var Menu = antd.Menu;
var
Dropdown
=
antd
.
Dropdown
;
function
onClick
(
key
){
alert
(
'
select
'
+
key
);
alert
(
'
选中了菜单
'
+
key
);
}
var
menu
=
<
Menu
style
=
{
{
width
:
140
}
}
onClick
=
{
onClick
}
>
<
Menu
.
Item
disabled
>
disabled
</
Menu
.
Item
>
var
menu
=
<
Menu
onClick
=
{
onClick
}
>
<
Menu
.
Item
key
=
"1"
>
第一个菜单项
</
Menu
.
Item
>
<
Menu
.
Divider
/>
<
Menu
.
Item
key
=
"2"
>
第二个菜单项
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"3"
>
第三个菜单项
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"4"
disabled
>
第四个菜单项
</
Menu
.
Item
>
</
Menu
>;
React
.
render
(
<
Dropdown
overlay
=
{
menu
}
trigger
=
"hover"
>
<
button
className
=
"ant-btn ant-btn-ghost"
>
hover
<
span
className
=
"anticon anticon-caret-down"
></
span
></
button
>
<
Dropdown
overlay
=
{
menu
}
>
<
button
className
=
"ant-btn ant-btn-ghost"
>
鼠标移入
<
i
className
=
"anticon anticon-caret-down"
></
i
>
</
button
>
</
Dropdown
>
,
document
.
getElementById
(
'
components-dropdown-demo-
hover
'
));
,
document
.
getElementById
(
'
components-dropdown-demo-
event
'
));
````
components/dropdown/demo/trigger.md
0 → 100644
浏览文件 @
cc702a3e
# 触发方式
-
order: 1
点击或鼠标移入触发。
---
````
jsx
var
Menu
=
antd
.
Menu
;
var
Dropdown
=
antd
.
Dropdown
;
var
menu
=
<
Menu
>
<
Menu
.
Item
key
=
"0"
>
<
a
href
=
"http://www.alipay.com/"
>
第一个菜单项
</
a
>
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"1"
>
<
a
href
=
"http://www.taobao.com/"
>
第二个菜单项
</
a
>
</
Menu
.
Item
>
<
Menu
.
Divider
/>
<
Menu
.
Item
key
=
"3"
>
第三个菜单项
</
Menu
.
Item
>
</
Menu
>;
React
.
render
(
<
div
>
<
Dropdown
animation
=
"slide-up"
overlay
=
{
menu
}
trigger
=
"click"
>
<
button
className
=
"ant-btn ant-btn-ghost"
>
点我下来
<
i
className
=
"anticon anticon-caret-down"
></
i
>
</
button
>
</
Dropdown
>
<
Dropdown
animation
=
"slide-up"
overlay
=
{
menu
}
>
<
button
className
=
"ant-btn ant-btn-ghost"
>
鼠标移入
<
i
className
=
"anticon anticon-caret-down"
></
i
>
</
button
>
</
Dropdown
>
</
div
>
,
document
.
getElementById
(
'
components-dropdown-demo-trigger
'
));
````
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录