Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
222545b7
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,发现更多精彩内容 >>
提交
222545b7
编写于
8月 11, 2015
作者:
Y
yiminghe
浏览文件
操作
浏览文件
下载
差异文件
Merge branch '0.8.0' of github.com:ant-design/ant-design into 0.8.0
上级
79e54f03
3ad54f42
变更
9
隐藏空白更改
内联
并排
Showing
9 changed file
with
104 addition
and
17 deletion
+104
-17
components/table/demo/ajax.md
components/table/demo/ajax.md
+17
-3
components/table/demo/bordered.md
components/table/demo/bordered.md
+41
-0
components/table/index.jsx
components/table/index.jsx
+14
-6
components/tree/index.md
components/tree/index.md
+1
-0
docs/download.md
docs/download.md
+6
-0
style/components/menu.less
style/components/menu.less
+4
-4
style/components/switch.less
style/components/switch.less
+2
-2
style/components/table.less
style/components/table.less
+18
-1
style/themes/default/custom.less
style/themes/default/custom.less
+1
-1
未找到文件。
components/table/demo/ajax.md
浏览文件 @
222545b7
...
...
@@ -60,7 +60,7 @@ var dataSource = new Table.DataSource({
}
});
var
Test
=
React
.
createClass
({
var
Test
=
React
.
createClass
({
getInitialState
()
{
return
{
dataSource
:
dataSource
...
...
@@ -68,14 +68,28 @@ var Test=React.createClass({
},
refresh
()
{
this
.
setState
({
dataSource
:
this
.
state
.
dataSource
.
clone
()
dataSource
:
dataSource
.
clone
()
});
},
changeAndRefresh
()
{
// 可以修改原来的 dataSource 再发请求
this
.
setState
({
dataSource
:
dataSource
.
clone
({
data
:
{
city
:
'
hz
'
}
})
});
},
render
()
{
return
<
div
>
<
Table
columns
=
{
columns
}
dataSource
=
{
this
.
state
.
dataSource
}
/>
<
button
className
=
"ant-btn ant-btn-primary"
onClick
=
{
this
.
refresh
}
>
外部重新加载数据
重新加载数据
</
button
>
<
button
className
=
"ant-btn"
onClick
=
{
this
.
changeAndRefresh
}
>
加载 city=hz 的数据
</
button
>
</
div
>;
}
...
...
components/table/demo/bordered.md
0 → 100644
浏览文件 @
222545b7
# 边框
-
order: 11
添加表格边框线,
`bordered={true}`
。
---
````
jsx
var
Table
=
antd
.
Table
;
var
columns
=
[{
title
:
'
姓名
'
,
dataIndex
:
'
name
'
,
render
:
function
(
text
)
{
return
<
a
href
=
"javascript:;"
>
{
text
}
</
a
>;
}
},
{
title
:
'
年龄
'
,
dataIndex
:
'
age
'
},
{
title
:
'
住址
'
,
dataIndex
:
'
address
'
}];
var
data
=
[{
name
:
'
胡彦斌
'
,
age
:
32
,
address
:
'
西湖区湖底公园1号
'
},
{
name
:
'
胡彦祖
'
,
age
:
42
,
address
:
'
西湖区湖底公园1号
'
},
{
name
:
'
李大嘴
'
,
age
:
32
,
address
:
'
西湖区湖底公园1号
'
}];
React
.
render
(<
Table
columns
=
{
columns
}
dataSource
=
{
data
}
bordered
=
{
true
}
/>
,
document
.
getElementById
(
'
components-table-demo-bordered
'
));
````
components/table/index.jsx
浏览文件 @
222545b7
...
...
@@ -23,6 +23,7 @@ class DataSource {
this
.
getParams
=
config
.
getParams
||
noop
;
this
.
getPagination
=
config
.
getPagination
||
noop
;
this
.
headers
=
config
.
headers
||
{};
this
.
data
=
config
.
data
||
{};
}
constructor
(
config
)
{
...
...
@@ -31,10 +32,12 @@ class DataSource {
}
}
clone
()
{
var
d
=
new
DataSource
();
d
.
init
(
this
.
config
);
return
d
;
clone
(
config
)
{
if
(
config
)
{
return
new
DataSource
(
objectAssign
(
config
,
this
.
config
));
}
else
{
return
this
;
}
}
}
...
...
@@ -61,7 +64,8 @@ var AntTable = React.createClass({
prefixCls
:
'
ant-table
'
,
useFixedHeader
:
false
,
rowSelection
:
null
,
size
:
'
normal
'
size
:
'
normal
'
,
bordered
:
false
};
},
...
...
@@ -358,9 +362,10 @@ var AntTable = React.createClass({
}
// remote 模式使用 this.dataSource
let
dataSource
=
this
.
getRemoteDataSource
();
let
buildInParams
=
dataSource
.
getParams
.
apply
(
this
,
this
.
prepareParamsArguments
(
state
))
||
{};
return
jQuery
.
ajax
({
url
:
dataSource
.
url
,
data
:
dataSource
.
getParams
.
apply
(
this
,
this
.
prepareParamsArguments
(
state
))
||
{}
,
data
:
objectAssign
(
buildInParams
,
dataSource
.
data
)
,
headers
:
dataSource
.
headers
,
dataType
:
'
json
'
,
success
:
(
result
)
=>
{
...
...
@@ -460,6 +465,9 @@ var AntTable = React.createClass({
if
(
this
.
props
.
size
===
'
small
'
)
{
classString
+=
'
ant-table-small
'
;
}
if
(
this
.
props
.
bordered
)
{
classString
+=
'
ant-table-bordered
'
;
}
columns
=
this
.
renderColumnsDropdown
(
columns
);
return
<
div
className
=
"clearfix"
>
<
Table
...
...
components/tree/index.md
浏览文件 @
222545b7
...
...
@@ -2,6 +2,7 @@
-
category: Components
-
chinese: 树
-
disabled: true
---
...
...
docs/download.md
浏览文件 @
222545b7
...
...
@@ -46,6 +46,12 @@
$
npm
install
antd
--save
```
安装最新的开发版本:
```
bash
$
npm
install
antd@beta
--save
```
## 开发工具
Ant Design 提供了开发构建的命令行工具,可以安装到全局直接使用:
...
...
style/components/menu.less
浏览文件 @
222545b7
...
...
@@ -35,11 +35,11 @@
&-item-active,
&-submenu-active,
&-submenu-inline&-submenu-active > &-submenu-title:hover {
background-color:
#eaf8fe
;
background-color:
tint(@primary-color, 90%)
;
}
&-item-selected {
background-color:
#eaf8fe
;
background-color:
tint(@primary-color, 90%)
;
}
& > li&-submenu {
...
...
@@ -123,9 +123,9 @@
border-bottom: 2px solid transparent;
&-active {
border-bottom: 2px solid
#2db7f5
;
border-bottom: 2px solid
@primary-color
;
background-color: #F3F5F7;
color:
#2baee9
;
color:
@primary-color
;
}
}
...
...
style/components/switch.less
浏览文件 @
222545b7
...
...
@@ -40,8 +40,8 @@
}
&-checked{
border: 1px solid @
success
-color;
background-color: @
success
-color;
border: 1px solid @
primary
-color;
background-color: @
primary
-color;
.@{switchPrefixCls}-inner {
left:6px;
...
...
style/components/table.less
浏览文件 @
222545b7
...
...
@@ -12,7 +12,7 @@
table {
width: 100%;
max-width: 100%;
border-collapse:
separat
e;
border-collapse:
collaps
e;
text-align: left;
}
...
...
@@ -180,6 +180,23 @@
}
}
}
&.@{tablePrefixClass}-bordered {
border: 1px solid #E9E9E9;
border-bottom: 0;
overflow: hidden;
th {
border-bottom: 1px solid #E9E9E9;
}
th, td {
border-right: 1px solid #E9E9E9;
&:last-child {
border-right: 0;
}
}
}
}
.@{tablePrefixClass}-pagination {
...
...
style/themes/default/custom.less
浏览文件 @
222545b7
...
...
@@ -23,7 +23,7 @@
@icon-url : "//at.alicdn.com/t/font_1437110976_60069";
// LINK
@link-color :
@primary-color
;
@link-color :
#2db7f5
;
@link-hover-color : tint(@link-color, 20%);
@link-active-color : shade(@link-color, 5%);
@link-hover-decoration : none;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录