1.0.0.0723
1.新增大数据量渲染测试 2.调整关闭下拉框时 滚动条返回顶部
This commit is contained in:
@@ -15,10 +15,6 @@ export default function (lan = 'zn') {
|
||||
tips: setting.tips,
|
||||
//空数据提示
|
||||
empty: setting.empty,
|
||||
//是否重置多选
|
||||
reset: false,
|
||||
//用来判断多选是否显示
|
||||
isShow: false,
|
||||
//搜索延迟 ms
|
||||
delay: 500,
|
||||
//搜索默认提示
|
||||
|
||||
@@ -30,13 +30,13 @@ class xmOptions {
|
||||
//定义默认值
|
||||
this.options = defaultOptions(options.language);
|
||||
//开始渲染数据
|
||||
this.update(options);
|
||||
this.update(options, true);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新数据 + 重新渲染
|
||||
*/
|
||||
update(options = {}){
|
||||
update(options = {}, isNew){
|
||||
//记录最新的配置项
|
||||
this.options = {...this.options, ...options};
|
||||
|
||||
@@ -46,6 +46,9 @@ class xmOptions {
|
||||
warn(`没有找到渲染对象: ${options.el}, 请检查`)
|
||||
return ;
|
||||
}
|
||||
//如果是历史渲染过的数据, 重置一下数据
|
||||
isNew && childs[this.options.el] && childs[this.options.el].reset();
|
||||
|
||||
const onRef = (ref) => childs[this.options.el] = ref;
|
||||
|
||||
render(<Framework { ...this.options } onClose={ onClose } onRef={ onRef } />, dom);
|
||||
|
||||
@@ -9,6 +9,7 @@ class General extends Component{
|
||||
super(options);
|
||||
this.searchCid = 0;
|
||||
this.setState({ searchVal: '', });
|
||||
this.viewRef = null;
|
||||
}
|
||||
|
||||
optionClick(item, selected, disabled, e){
|
||||
@@ -28,10 +29,17 @@ class General extends Component{
|
||||
|
||||
componentWillReceiveProps(props){
|
||||
if(!props.show){
|
||||
this.setState({ searchVal: '', })
|
||||
//清空输入框的值
|
||||
this.setState({ searchVal: '', });
|
||||
this.goTop();
|
||||
}
|
||||
}
|
||||
|
||||
goTop(){
|
||||
//返回顶部
|
||||
this.viewRef.scrollIntoView(true);
|
||||
}
|
||||
|
||||
render({ data, prop, template, theme, sels, empty, filterable, filterMethod, delay, searchTips }) {
|
||||
|
||||
const { name, value, disabled } = prop;
|
||||
@@ -67,8 +75,12 @@ class General extends Component{
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
const onRef = (ref) => {
|
||||
this.viewRef = ref;
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<div ref={ onRef }>
|
||||
{ search }
|
||||
<div>{ arr }</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user