index.wxml 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <wux-cascader
  2. visible="{{ visible1 }}"
  3. default-value="{{ value1 }}"
  4. title="所在地区"
  5. options="{{ options1 }}"
  6. bind:close="onClose1"
  7. bind:change="onChange1"
  8. bind:confirm="onConfirm1"
  9. />
  10. <wux-cascader
  11. visible="{{ visible2 }}"
  12. controlled
  13. value="{{ value2 }}"
  14. title="所在地区"
  15. options="{{ options2 }}"
  16. bind:close="onClose2"
  17. bind:change="onChange2"
  18. bind:load="onLoadOptions"
  19. />
  20. <wux-cascader
  21. visible="{{ visible3 }}"
  22. controlled
  23. value="{{ value3 }}"
  24. title="Your city"
  25. cancelText="cancel"
  26. confirmText="ok"
  27. options="{{ options3 }}"
  28. full
  29. height="540rpx"
  30. bind:close="onClose3"
  31. bind:change="onChange3"
  32. bind:confirm="onConfirm3"
  33. bind:tabsChange="onTabsChange3"
  34. />
  35. <wux-cascader
  36. visible="{{ visible4 }}"
  37. default-value="{{ value4 }}"
  38. title="所在地区"
  39. options="{{ fieldNamesOptions }}"
  40. defaultFieldNames="{{ fieldNames }}"
  41. bind:close="onClose4"
  42. bind:change="onChange4"
  43. bind:confirm="onConfirm4"
  44. />
  45. <view class="page">
  46. <view class="page__hd">
  47. <view class="page__title">Cascader</view>
  48. <view class="page__desc">级联选择器</view>
  49. </view>
  50. <view class="page__bd">
  51. <wux-cell-group title="Cascader">
  52. <wux-cell title="Default" extra="{{ title1 }}" bind:click="onOpen1"></wux-cell>
  53. <wux-cell title="Async" extra="{{ title2 }}" bind:click="onOpen2"></wux-cell>
  54. <wux-cell title="Controlled" extra="{{ title3 }}" bind:click="onOpen3"></wux-cell>
  55. <wux-cell title="Custom FieldName" extra="{{ title4 }}" bind:click="onOpen4"></wux-cell>
  56. </wux-cell-group>
  57. </view>
  58. </view>