工具位置
- 左侧移动端app控件下。拖放后可见,但运行时要隐藏起来。
画面效果
手机下部分弹出选择页面
方法
- pkmobilepicker.setData(objectname,jsonData),设置所有选项的json数据。
- 示例:pkmobilepicker.setData("picker1",[{"text":"男","value":"Male"},{"text":"女","value":"FeMale"}]);
- pkmobilepicker.setValue(objectname,value),设定当前选中的值。。第二个参数是value而不是text
- 示例:pkmobilepicker.setValue("picker1","Male");
- pkmobilepicker.show(objectname)。弹出选择页
- 示例:pkmobilepicker.show("picker1");
- pkmobilepicker.getValue(objectname),返回当前选中的值
- 示例:pkmobileswitch.getValue("picker1")。获取到value而不是text(这里是返回Male,而不是男)
完整示例:
pkmobilepicker.setData("picker1",[{"text":"男","value":"Male"},{"text":"女","value":"FeMale"}]);
pkmobilepicker.setValue("picker1","FeMale");
pkmobilepicker.show("picker1");
专有事件
- onClick事件。当当前选中值,发生改变时,触发onChange事件。参数:objectname,value。value包含有:value和text两个属性。
- 示例:alert("选择的value:"+value.value+",选择的name:"+value.text);
- 结果:
专有动画关联
- 可配置一个data-status动画。当tag点值到来时,自动设置控件的值(相当于调用setValue方法)
专有属性配置对话框
- 所有的数据可以通过属性框增加进去,应该是一个list,list有text和value两列。可向list增加和删除item。保存到对象的内容格式应该是:[{"value":"Male","text":"男"},{"value":"Female","text":"女"}]