手机UI中checkbox

zsj5237

在PC端UI开发中，使用了checkbox：
     <xforms:select id="reason" class="horizontal" ref="data('dataMain')/fReason">
        <xforms:item id="item1">
          <xforms:label id="default1">员工离职</xforms:label>  
          <xforms:value id="default2">员工离职</xforms:value>
        </xforms:item>  
        <xforms:item id="item2">
          <xforms:label id="default3">新增员工</xforms:label>  
          <xforms:value id="default4">新增员工</xforms:value>
        </xforms:item>
      </xforms:select>

现在需要开发APP端的UI，为保持统一，需要同样设置checkbox：
<xhtml:li class="xui-li-m" id="li1">
          <xhtml:h3 id="h31">招聘原因</xhtml:h3>  
          <xui:place control="checkbox1" id="controlPlace1">
                 
          </xui:place>
        </xhtml:li>


<xhtml:div component="/mobileUI/system/components/mobile/select.xbl.xml#checkbox"
      id="checkbox1" itemset="main" itemset-value="fReason">
      </xhtml:div>


如何绑定静态的lable和value呢？

yinlun

在checkbox上右击，选择编辑选项，就可以设置了

zsj5237

yinlun 发表于 2014-9-2 09:41
在checkbox上右击，选择编辑选项，就可以设置了

编辑选项，添加了俩个静态值，但是设计器中不显示这俩个值，需要设置属性么？

yinlun

zsj5237 发表于 2014-9-2 10:04
编辑选项，添加了俩个静态值，但是设计器中不显示这俩个值，需要设置属性么？ ...

不能设置，但是不会影响运行使用

zsj5237

yinlun 发表于 2014-9-2 10:11
不能设置，但是不会影响运行使用

运行之后，发现后面会多一个checkbox，如图。

yinlun

zsj5237 发表于 2014-9-2 11:14
运行之后，发现后面会多一个checkbox，如图。

切换到源码，看看是否多了一个<xhtml:option></xhtml:option>，如果有，把这个删除掉试试

zsj5237

yinlun 发表于 2014-9-2 11:32
切换到源码，看看是否多了一个，如果有，把这个删除掉试试

没有，就俩个option

jishuang

checkbox的源码发一下看看，平台案例中是正确的

zsj5237

jishuang 发表于 2014-9-2 11:53
checkbox的源码发一下看看，平台案例中是正确的

<?xml version="1.0" encoding="utf-8"?>

<xui:window xmlns:xui="http://www.justep.com/xui" xmlns="http://www.justep.com/xui"
  xmlns:xhtml="http://www.w3.org/1999/xhtml" component="/mobileUI/system/components/mobile/window.xbl.xml#window" id="window">  
  <xui:model component="/mobileUI/system/components/mobile/model.xbl.xml#model" id="model1"
    style="width:198px;height:134px;top:409px;left:541px;">
    <xhtml:div auto-new="true" component="/mobileUI/system/components/mobile/data.xbl.xml#bizData"
      concept="OA_FC_Recruitment" id="main" limit="1" offset="0">
      <reader action="/xusteelOA/workTime/logic/action/queryOAFCRecruitmentAction"/>  
      <writer action="/xusteelOA/workTime/logic/action/saveOAFCRecruitmentAction"/>  
      <creator action="/xusteelOA/workTime/logic/action/createOAFCRecruitmentAction"/>
    </xhtml:div>
  </xui:model>  
  <xui:view id="rootView">
    <xui:layout id="layout" style="height:100%;width:100%">
      <xhtml:div auto-close="true" auto-filter="true" auto-save="true" auto-start="true"
        component="/mobileUI/system/components/mobile/process.xbl.xml#process" data="main"
        id="flow"/>  
      <xhtml:div component="/mobileUI/system/components/mobile/titlebar.xbl.xml#titlebar"
        id="htitlebar">
        <item class="xui-backButton-m" command="close" commands="commands1"
          name="back" operation="close" operation-owner="window"/>  
        <item class="leftButton" command="save" commands="datacommands1" name="save"
          operation="save" operation-owner="main" text="保存"/>  
        <item command="advance" commands="processCommands-mobile1" id="titlebarItem2"
          operation="advance" operation-owner="flow" text="item"/>
      </xhtml:div>  
      <xhtml:ul class="xui-ul-m" id="listContainer">
        <xhtml:li class="xui-li-m" id="li1">
          <xhtml:h3 id="h31"><![CDATA[单 据 号]]></xhtml:h3>  
          <xhtml:div class="xui-input-m" component="/mobileUI/system/components/mobile/input.xbl.xml#input"
            data="main" id="input1" ref="fNO"/>
        </xhtml:li>  
        <xhtml:li class="xui-li-m" id="li2">
          <xhtml:h3 id="h32">申请部门</xhtml:h3>  
          <xhtml:div class="xui-output-m" component="/mobileUI/system/components/mobile/output.xbl.xml#output"
            data="main" id="input2" ref="fRecruitmentDeptName"/>
        </xhtml:li>  
        <xhtml:li class="xui-li-m" id="li3">
          <xhtml:h3 id="h33">申请人员</xhtml:h3>  
          <xhtml:div class="xui-output-m" component="/mobileUI/system/components/mobile/output.xbl.xml#output"
            data="main" id="input3" ref="fRecruitmentPsnName"/>
        </xhtml:li>  
        <xhtml:li class="xui-li-m" id="li1">
          <xhtml:h3 id="h31">申请日期</xhtml:h3>  
          <xhtml:div class="xui-input-m" component="/mobileUI/system/components/mobile/input.xbl.xml#input"
            data="main" id="input1" ref="fApplyDate"/>
        </xhtml:li>  
        <xhtml:li class="xui-li-m" id="li1">
          <xhtml:h3 id="h31">申请人数</xhtml:h3>  
          <xhtml:div class="xui-input-m" component="/mobileUI/system/components/mobile/input.xbl.xml#input"
            data="main" id="input1" ref="fPersonNum"/>
        </xhtml:li>  
        <xhtml:li class="xui-li-m" id="li1">
          <xhtml:h3 id="h31">招聘原因</xhtml:h3>  
          <xui:place control="radio1" id="controlPlace3"/>
        </xhtml:li>
      </xhtml:ul>
    </xui:layout>  
    <xhtml:div component="/mobileUI/system/components/mobile/select.xbl.xml#radio"
      id="radio1" itemset="main" itemset-value="fReason" itemset-label="fReason">
      <xhtml:option value="员工离职" id="default7">员工离职</xhtml:option>  
      <xhtml:option value="新增员工" id="default8">新增员工</xhtml:option>
    </xhtml:div>
  </xui:view>  
  <xui:resource id="resource">
    <xhtml:script type="text/javascript"/>  
    <xhtml:script src="startActivity.js"/>
  </xui:resource>
</xui:window>

我刚适用了radio，也是一样多一个按钮

yinlun

zsj5237 发表于 2014-9-2 11:59
...

清下缓存，再把服务重启一遍试试