easyui-combobox的option选项为true与false时的问题

如题,我们使用easyui-combobox,当我们的选择项为true与false时,即选择是否,后台返回一个boolean类型的变量,那么这时候,通过form表单进行反显会出现这样的问题:表单里easyui-combobox的option选项是字符串的true或者false,而后台返回的布尔类型的true或者false,easyui-combobox转换不了。
页面html部分:

<form id="ff">
   <div style="margin-bottom:20px;">
       <label>姓名:</label>
	   <input type="text" class="easyui-textbox" name="username"/>
   </div>
   <div style="margin-bottom:20px;">
       <label>是否互联网:</label>
	   <select class="easyui-combobox" name="internet" 
	   data-options="panelHeight:'auto'" 
	   style="width:80px;">
	       <option value=true></option>
		   <option value=false></option>
	   </select>
   </div>
   <div style="margin-bottom:20px;">
       <label>部门:</label>
	   <select class="easyui-combobox" name="department" 
	   data-options="panelHeight:'auto'" 
	   style="width:80px;">
	       <option value="sales">销售部</option>
		   <option value="market">市场部</option>
		   <option value="it">技术部</option>
	   </select>
   </div>
</form>

页面javascript部分:

$(function(){ 
	  var data = {
	    username:'feinifi',
		internet:false,
		department:'it'
	  };
	  $("#ff").form("load",data); 
});

显示结果:
在这里插入图片描述
按照预期,我们希望“是否互联网”这个选项这里,根据false,应该显示否。
但是实际上data的internet返回的是boolean类型的false:

var data = {
    username:'feinifi',
	internet:false,
	department:'it'
};

要想完成预期的效果,必须将internet:false修改为internet:“false”。

var data = {
   username:'feinifi',
   internet:false,
   department:'it'
 };
 

 for(i in data){
   var tmp = data[i];					 
   var type = typeof tmp;
   if("boolean"==type){
	 data[i] = tmp.toString();
   }
 }
 $("#ff").form("load",data); 

显示效果如下:
在这里插入图片描述
这种折衷的解决办法,似乎不是很友好,很多时候修改页面是根据后台返回的数据进行反显的,每次都得这么转换一下。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luffy5459

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值