YZSoft.src.field.ExpandIconSelect（xtype: yzexpandiconselect）

示范

items: [{

   xclass: 'YZSoft.src.field.ExpandIconSelect',

   label: '图标选择',

   xdatabind: 'iDemoAppFields.ExpandIconSelect',

   store: YZSoft.src.ux.GlobalStore.getExpenseTypeStore()

}, {

   xclass: 'YZSoft.src.field.ExpandIconSelect',

   label: '无初始选择项',

   xdatabind: 'iDemoAppFields.ExpandIconSelect',

   store: YZSoft.src.ux.GlobalStore.getExpenseTypeStore(),

   autoSelect: false

}, {

   xclass: 'YZSoft.src.field.ExpandIconSelect',

   label: '初始展开',

   xdatabind: 'iDemoAppFields.ExpandIconSelect',

   store: YZSoft.src.ux.GlobalStore.getExpenseTypeStore(),

   expended: true

}, {

   xclass: 'YZSoft.src.field.ExpandIconSelect',

   label: '值列显示列',

   xdatabind: 'iDemoAppFields.ExpandIconSelect',

   store: YZSoft.src.ux.GlobalStore.getExpenseTypeStore(),

   valueField: 'Code',

   displayField: 'Text'

}]

属性说明

属性名称

说明

label

标签名称

xdatabind

绑定字段

store

数据源

valueField

值对应的store字段

displayField

显示文字对应的store字段

pickerConfig

展开窗体的配置，以下为缺省值

pickerConfig: {

   textProperty: 'Text',

   iconProperty: 'imageurl',

   minBoxCount: 5,

   minBoxWidth: 80

}

autoSelect

true(缺省值) – 自动选择第一项

false – 不自动选择

expended

false(缺省值) – 初始呈收起状态

true – 初始呈展开状态

pickerConfig

属性名称

说明

textProperty

图标下方文字对应字段，缺省值：'Text'

iconProperty

图标icon对应字段，缺省值：'imageurl'

minBoxCount

一行最少显示图标数

minBoxWidth

每个icon最小宽度，和minBoxCount结合，在不同宽度的设备上显示合适的列数

使用时需在表单添加引用：

requires: [

   'YZSoft.src.ux.GlobalStore'

]


Created with the Personal Edition of HelpNDoc: Full-featured EBook editor