调用:ButtonIndex 背景:bg2.jpg

image.png
image.png

⚙ 配置

属性 说明 是否必需
btnList 按钮列表数据。
从字母A~Z顺序排列数据,如果遇到无数据的字母则设置为空数组[ ]
YES
uniClick 选择统一处理。
index1……字母索引号,为0时是指向全部,A的索引从1开始 index2……具体某个字母中数据的索引
YES

完整配置范例

  1. function ButtonIndex() {
  2. var data = {
  3. model: "ButtonIndex",
  4. config: {
  5. shell: commonShellCfg,
  6. bgImg: "bg2.jpg",
  7. modInAnimation: "fadeIn",
  8. btnList: [
  9. [
  10. {
  11. txt: "A01",
  12. },
  13. {
  14. txt: "A02",
  15. }, {
  16. txt: "A02",
  17. }, {
  18. txt: "A02",
  19. }, {
  20. txt: "A02",
  21. }, {
  22. txt: "A02",
  23. }, {
  24. txt: "A02",
  25. }, {
  26. txt: "A02",
  27. }, {
  28. txt: "A02",
  29. }, {
  30. txt: "A02",
  31. }, {
  32. txt: "A02",
  33. }, {
  34. txt: "A02",
  35. }, {
  36. txt: "A02",
  37. }, {
  38. txt: "A02",
  39. }, {
  40. txt: "A02",
  41. },],
  42. [
  43. {
  44. txt: "B01",
  45. },
  46. {
  47. txt: "B02",
  48. },],
  49. [
  50. {
  51. txt: "C01",
  52. },
  53. {
  54. txt: "C02",
  55. },],
  56. [
  57. {
  58. txt: "D01",
  59. },
  60. {
  61. txt: "D02",
  62. },],
  63. [
  64. {
  65. txt: "E01",
  66. },
  67. {
  68. txt: "E02",
  69. },],
  70. [
  71. {
  72. txt: "F01",
  73. },
  74. {
  75. txt: "F02",
  76. },],
  77. [
  78. {
  79. txt: "G01",
  80. },
  81. {
  82. txt: "G02",
  83. },],
  84. [
  85. {
  86. txt: "H01",
  87. },
  88. {
  89. txt: "H02",
  90. },],
  91. [],
  92. [
  93. {
  94. txt: "J01",
  95. },
  96. {
  97. txt: "J02",
  98. }
  99. ]
  100. ],
  101. // uniClick: "buttonindex_uniClick"
  102. uniClick: testFun
  103. }
  104. }
  105. return data
  106. }

btnList

  1. btnList:[
  2. //A开头
  3. [
  4. {
  5. //文字内容(暂时不支持HTML标签)
  6. txt: "A01",
  7. //是否要禁用(非必要,默认false)
  8. disabled: false,
  9. },...
  10. ],
  11. //B开头
  12. [
  13. {
  14. txt: "B01",
  15. },...
  16. ],
  17. //C开头,如果遇到该字母下无数据的情况,请填空数组[]
  18. [],
  19. ]

uniClick

  1. //配置
  2. uniClick:"buttonindex_uniClick"
  3. //自定义函数
  4. function buttonindex_uniClick(index1,index2,item){
  5. //拼音缩写首字母索引值,该字母下的索引值,对应索引值的数据
  6. console.log(index1,index2,item);
  7. }

♨️ JS Call

🚀 getData