index.wxml 2.0 KB

123456789101112131415161718192021222324252627282930
  1. <wux-picker visible="{{ visible }}" controlled options="{{ options }}" value="{{ value1 }}" cascade cols="3" data-index="1" bind:confirm="onConfirm" bind:valueChange="onValueChange" bind:visibleChange="onVisibleChange" />
  2. <view class="page">
  3. <view class="page__hd">
  4. <view class="page__title">Picker</view>
  5. <view class="page__desc">选择器</view>
  6. </view>
  7. <view class="page__bd">
  8. <wux-cell-group>
  9. <wux-picker options="{{ options }}" value="{{ value1 }}" cascade cols="3" data-index="1" bind:confirm="onConfirm" bind:valueChange="onValueChange">
  10. <wux-cell title="Multiple & cascader" is-link extra="{{ displayValue1 }}"></wux-cell>
  11. </wux-picker>
  12. <wux-picker options="{{ seasons }}" value="{{ value2 }}" data-index="2" bind:confirm="onConfirm" bind:valueChange="onValueChange">
  13. <wux-cell title="Multiple" is-link extra="{{ displayValue2 }}"></wux-cell>
  14. </wux-picker>
  15. <wux-picker options="{{ options }}" value="{{ value3 }}" cascade cols="1" data-index="3" bind:confirm="onConfirm" bind:valueChange="onValueChange">
  16. <wux-cell title="Single" is-link extra="{{ displayValue3 }}"></wux-cell>
  17. </wux-picker>
  18. <wux-picker options="{{ asyncOptions }}" value="{{ value4 }}" cascade cols="{{ asyncCols }}" loading="{{ loading }}" data-index="4" bind:confirm="onConfirm" bind:valueChange="onValueChange">
  19. <wux-cell title="Multiple & async" is-link extra="{{ displayValue4 }}"></wux-cell>
  20. </wux-picker>
  21. <wux-picker defaultFieldNames="{{ fieldNames }}" options="{{ fieldNamesOptions }}" data-index="5" bind:confirm="onConfirm" bind:valueChange="onValueChange">
  22. <wux-cell title="Custom FieldNames" is-link extra="{{ displayValue5 }}"></wux-cell>
  23. </wux-picker>
  24. </wux-cell-group>
  25. <view class="button-sp-area">
  26. <wux-button block type="light" bind:click="onClick">Button click - {{ displayValue1 }}</wux-button>
  27. </view>
  28. </view>
  29. </view>