zoukankan      html  css  js  c++  java
  • 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
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    TiDB数据库05TiDB的用户管理与安全,文件与日志管理
    Java基础知识16Arrays、System常用方法使用
    TiDB数据库07TiDB集群管理(TiDB/TiKV/PD/TiFlash在线扩容与在线缩容)
    【转】在SQL Server中创建用户角色及授权(使用SQL语句)
    Javascript的IE和Firefox兼容问题
    JavaScript的私有变量
    JavaScript 中的内存泄露模式
    javascript内存泄漏问题
    全面理解javascript的caller,callee,call,apply概念(修改版)
    javascript跨域问题
  • 原文地址:https://www.cnblogs.com/idtjie/p/10772623.html
Copyright © 2011-2022 走看看