jt-app v1.0.45

jt-app

jetone react mobile component kao

目录

0.目录

toc

布局说明（参数可不填，不填都为默认值）

1.Cells

回到目录

2. Cell

用法 ：

回到目录

3.Hd

用法：

<Hd layoutType="block"></Hd>

回到目录

4.Bd

回到目录

5.Ft

用法:

回到目录

6.Icon

回到目录

7.Label（默认无参数）

用法：

<Label checkBox></Label>
<Label radio></Label>
<Label></Label>

回到目录

8.SelectContainer

用法：

<SelectContainer before></SelectContainer>
<SelectContainer></SelectContainer>（默认after）

回到目录

各个控件的参数说明(modelType都有默认值)

1.InputCell（默认为：标题+input）

modelType包括iconInput和默认的标题+input（titleInput）

dataModel的属性表：

使用例子

<InputCell 
data={data} 
dataModel={{ modelType:"iconInput", modelName: "姓名", inputType: "text", modelKey: "name",icon:closeIcon,disabled: "r"}} 
typingChange = {typingChange } 
clear={clear}/>

回到目录

2.TextAreaCell（默认布局为横布局，形式都为：标题+textArea）

dataModel的属性表：

使用例子

<TextAreaCell
data={data} 
dataModel={{ layoutType:"block", modelName: "姓名",modelKey: "name"}} 
typingChange = {typingChange } 
/>

回到目录

3.textCell(默认为：标题+值)

modelType包括text、preTextIcon、textAfterIcon、preTitleTextIcon、titleTextAfterIcon、textLink、preTextIconLink、titleTextLink、 textCollapse、iconTextCollapse、titleTextCollapse、mergeText、mapText、list和默认值（textTitle）

dataModel的属性表：

使用例子

A:{ modelType: "preTextIconLink",
 modelName: "姓名",
 modelKey: "name", 
icon: closeIcon, 
clickFunc: (e, data) => myFunction(e, data), link: true },
B: { modelType: "titleTextCollapse", 
modelKeyOne: "name",
 modelKeyTwo: "age", 
collapseFunc: collapseFunc,
 link: true, isOpened: true,
 collapseList: collapseList,
 icon: closeIcon }

4.switchCell(默认为单个的switch(值+switch))

dataModel的属性表：

使用例子

单个switch
{ componentType: "switchGroup",
 modelKey: "name", 
switchCheck: true,
 paramOne: "name",
 paramTwo: "age", 
typingChange: (name, age) => switchChange(name, age) 
},
     多个switch          
 {
    componentType: "switchGroup",
    modelType: "switchList",
    modelSwitchListKey: "name",
    switchListCheck: "checked",
    switchListChange: (name, age) => switchListChange(name, age),
    switchListParamOne: "id", switchListParamTwo: "age",
    mainSwitchCheck: true,
    mainSwitchChange: mainSwitchChange
 },

回到目录

5.selectCell 默认为:标题+select

modelType包括select、selectText、iconTitleText、titleSelectText和默认值（标题+select（textSelect））

dataModel的属性表:

回到目录

6.imageCell 无默认值

modelType包括image和uploadImg

dataModel的属性表：

回到目录

7.checkBoxCell 默认为(checkboxText)

dataModel的属性表：

回到目录

8.cardList

modelType暂时只有默认值

dataModel属性表：

回到目录

9.formView 默认为input的组合

componentType包括inputGroup（InputCell）、textAreaGroup（TextareaCell）、imageGroup（ImageCell）、selectGroup（SelectCell）、 checkBoxGroup（CheckBoxCell）、switchGroup（SwitchCell）、cardGroup（CardList）和默认组合（textCell）

dataModel的参数表 componentType | formView 使用的cell类型 --------------|------------------- 其余参数 | 其余参数根据componentType的类型找到对应的Cell填写对应的参数值

buttons的参数表 btnText | 自定义按钮名称 --------------|------------------- disabled | 按钮是否可点击 btnFunc | 点击按钮触发的事件

 buttons={
     [
        {
            btnText: "登录", disabled: true, btnFunc: login
        }
    ]
}

回到目录

10.toast

回到目录