easyuicombobox的option选项为true与false时的问题 涛

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

按照预期,我们希望“是否”这个选项这里,根据false,应该显示否。
但是实际上data的是否字段返回的是boolean类型的false:

要想完成预期的效果,需将state:false修改为state:“false”。

也可在表单加载完成后重新设置combobox的值:

$("#ff").form({onLoadSuccess: function(data){
  $("#state").combobox("setValue",data.state.toString()); 
}});
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Binding to Remote Data - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    <script type=text/javascript>
        $(function(){ 
              var data = {
                state:false
              };
$(
"#ff").form({onLoadSuccess: function(data){ $("#state").combobox("setValue",data.state.toString()); }});
$(
"#ff").form("load",data); }); </script> </head> <body> <form id="ff"> <h2>Binding to Remote Data</h2> <p>The ComboBox is bound to a remote data.</p> <div style="margin:20px 0"></div> <select class="easyui-combobox" id="state" name="state" style="80px;"> <option value="true"></option> <option value="false"></option> </select> </form> </body> </html>

---------------------
作者:luffy5459
来源:CSDN
原文:https://blog.csdn.net/feinifi/article/details/83619759
版权声明:本文为博主原创文章,转载请附上博文链接!

原文地址:https://www.cnblogs.com/idtjie/p/10772623.html