图标按钮 LinkButton
1.说明
按钮用于开始一个即时操作。
2.API
| 属性名称 | 数据类型 | 是否必填 | 默认值 | 回传参数 | 说明 |
|---|---|---|---|---|---|
| name | string | 是 | null | 空 | 按钮名称 |
| title | string | 是 | null | 空 | 按钮标题 |
| width | number | 否 | null | 空 | 宽度 |
| height | number | 否 | null | 空 | 高度 |
| backgroundColor | strring | 否 | null | 空 | 背景颜色 |
| color | string | 否 | null | 空 | 字体颜色 |
| iconCls | string | 否 | null | 空 | 图标样式 |
| iconAlign | enum | 否 | left,right,rightTop | 空 | 图标位置 |
| href | string | 否 | # | 空 | 链接地址 |
| tip | string | 否 | null | 空 | 提示信息 |
| style | Object | 否 | null | 空 | 自定义style |
| className | string | 否 | null | 空 | 自定义className |
| disabled | bool | 否 | false | 空 | 按钮是否无效 |
| hide | bool | 否 | false | 空 | 按钮是否隐藏 |
| draggable | bool | 否 | false | 空 | 是否可拖动 |
| onClick | func | 否 | null | name,title | 单击事件 |
3.代码演示
/**
* Created by ALOG on 17/6/5.
*/
let React =require( "react");
let ReactDOM=require("react-dom");
let wasabi=require("wasabiD");
let LinkButton=wasabi.LinkButton;
var alogUtil = require("../libs/alogUtil.js");
class Demo extends React.Component {
render(){
return (
<div>
<LinkButton namt="btn1" title="按钮1" tip="这是说明文字" iconCls="icon-export" iconAlign="left"/>
<LinkButton namt="btn2" title="按钮2" tip="这是说明文字" iconCls="icon-export" iconAlign="rightTop"/>
</div>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById("root"));