test-wang-react v1.0.1

@farris/react 基于react和gsp-react-framework 开发框架提供GSP Cloud移动端公共组件。

TOC

安装组件包

npm install @farris/react --save

周日历组件

效果图

引入组件

import {Weekcalendar} from '@farris/react'

使用组件

<WeekCalendar selectedDate="20180510"

                    onWeekDateChange={this.viewModel.onWeekDateChange}

                    beforeGoNextWeek={this.viewModel.beforeGoNextWeek}

                    afterGoLastWeek={this.viewModel.afterGoLastWeek}

                    afterGoNextWeek={this.viewModel.afterGoNextWeek}

                    afterCalendarSelect={this.viewModel.afterCalendarSelect}

                ></WeekCalendar>

    onWeekDateChange(selectedDate){
        console.log(selectedDate);
    }
    afterGoLastWeek(selectedDate){
        console.log(selectedDate);
    }
    beforeGoNextWeek(){
        return true;
    }
    afterGoNextWeek(selectedDate){
        console.log(selectedDate);
    }
    afterCalendarSelect(selectedDate){
        console.log(selectedDate);
    }

组件属性

帮助组件

效果图

引入组件

import { HelpComponent } from '@farris/react'

使用组件

   <HelpComponent label="项目名称" inputValue={state.inputValue}
                   required={true} editable={false} readOnly={false} headerTitle="请选择项目名称"
                   helpType="hot" hotName="Project_Name_Hot" hotTextField="Project_Name"
                   helpValueField="ID" helpTextFieldArray={["Project_Name"]}
                   loadData={this.viewModel.loadProjectData}
                   afterSelectItem={this.viewModel.afterSelectProject_Name}>
    </HelpComponent>
                        
                        
                        
    loadProjectData(layer = 0, itemId, searchingText = "", pageIndex, pageSize) {
        let observable = Observable.create(function (observer) {
            setTimeout(() => {
                observer.next(projectMockData);
            }, 5000)

        });
        return observable;
    }


    afterSelectProject_Name(selectedProject) {
        this.setState({
            inputValue: selectedProject.Project_Name
        });
    }

组件属性