下拉选择按钮 SelectButton
1.说明
按钮用于开始一个即时操作。
2.API
| 属性名称 | 数据类型 | 是否必填 | 默认值 | 回传参数 | 说明 |
|---|---|---|---|---|---|
| name | string | 是 | null | 空 | 按钮名称 |
| title | string | 是 | null | 空 | 按钮标题 |
| data | array | 否 | [] | 空 | 数据源 |
| url | string | 否 | null | 空 | 数据源通过请求后台url获得 |
| dataSource | string | 否 | data | 空 | ajax返回的数据中哪个属性作为数据源 |
| valueField | string | 否 | value | 空 | 数据字段名称 |
| textField | string | 否 | text | 空 | 数据文本名称 |
| theme | string | 否 | default | 空 | 见Button |
| disabled | bool | 否 | false | 空 | 是否禁用 |
| className | string | 否 | "" | 空 | 自定义Class |
3.代码演示
/**
* Created by ALOG on 17/6/5.
*/
let React =require( "react");
let ReactDOM=require("react-dom");
let wasabi=require("wasabiD");
let SelectButton=wasabi.SelectButton;
var alogUtil = require("../libs/alogUtil.js");
class Demo extends React.Component {
render(){
return (
<SelectButton name="test" title="selectButton" theme="danger"
url={alogUtil.orderUrl() + "/sell-portal/saleorder/queryAllWH.htm" + alogUtil.getOMSParams()}
dataSource="data"
valueField="warehouseId"
textField="name"
/>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById("root"));