zoukankan      html  css  js  c++  java
  • easy ui 给表单元素赋值input,combobox,numberbox

    ①给input控件 class="easyui-textbox"

    <input class="easyui-textbox" data-options="required:true" type="text" id="RelCompanyName" name="RelCompanyName" style=" 300px;" />
    $("#RelCompanyName").attr('resize','140px');//设置宽度
    $("#RelCompanyName").attr('readonly',false);//设置可读
    $("#RelCompanyName").attr('readonly',true);//设置只读
    var val = $("#RelCompanyName").textbox('getValue')//取值
    $("#RelCompanyName").textbox('setValue','小丑公司')//赋值

    ②给select 控件 下拉框赋值
    <select data-options="required:true" id="ShopType" name="ShopType" style=" 200px;">
    $('#ShopType').combobox('setValue', 2);//赋值
    var v = $('#ShopType').combobox('getValue');//取值 id

    var text_v = $('#ShopType').combobox('getText');//取值text

    ③给input控件 class="easyui-numberbox"
    <input class="easyui-numberbox" maxlength="20" id="Age" name="Age" />
    $('#Age').numberbox('setValue', 206.12);//赋值
    var v = $('#Age').numberbox('getValue');//取值

    ④给input控件 class="easyui-datebox"
    <input type="text" name="date" id="date" class="easyui-datebox" data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />
    $("#date").datebox('setValue', '2014-9-12');//赋值
    $('#date').datebox('getValue');//取值

    ⑤给input控件 class="easyui-numberspinner"
    <input id="ss" class="easyui-numberspinner" style="80px;" required="required" data-options="min:10,max:100,editable:false">
    $('#ss').numberspinner('setValue', 8234725);//赋值
    var v = $('#ss').numberspinner('getValue');//取值

    ⑥单选按钮Radio <td height="30" colspan="5">
    <input type="radio" name="APPLYDEPTTYPE" value="事业法人" checked="checked" />事业法人
    <input type="radio" name="APPLYDEPTTYPE" value="企业法人" />企业法人
    <input type="radio" name="APPLYDEPTTYPE" value="社团法人" />社团法人
    <input type="radio" name="APPLYDEPTTYPE" value="其他" />其他
    </td>
    //赋值
    var str = result.APPLYDEPTTYPE;
    $("[value='" + str + "']").attr("checked", true);
    //取值
    $('input[name="APPLYDEPTTYPE"]:checked').val()

    ⑦多选框checkbox
    <td height="60" colspan="5">&nbsp
    <input type="checkbox" name="BUSINESSSCOPE" value="水" />水 &nbsp&nbsp
    <input type="checkbox" name="BUSINESSSCOPE" value="空气" />空气 &nbsp&nbsp
    <input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br>&nbsp
    <input type="checkbox" name="BUSINESSSCOPE" value="噪声" />噪声 &nbsp
    <input type="checkbox" name="BUSINESSSCOPE" value="生物" />生物
    </td>
    赋值:
    var str3 = result.BUSINESSSCOPE;
    if (str3 != null) {
    var strs = new Array();
    strs = str3.split(",");
    for (i = 0; i < strs.length; i++)
    { $("[value='" + strs[i] + "']").attr("checked", true) };
    }
    取值:
    var isc = "";
    $("input[name='BUSINESSSCOPE']:checked").each(function () { //遍历table里的全部checkbox
    isc += $(this).val() + ","; //获取被选中的值
    });

    if (isc.length > 0) //如果获取到
    isc = isc.substring(0, isc.length - 1); //把最后一个逗号去掉
    string isc就是值

  • 相关阅读:
    IDEA启动tomcat乱码
    RowKey设计之单调递增行键/时序数据
    ES入门REST API
    WebSocket-java实践
    Linux(CentOS 7)安装测试mysql5.6服务
    Linux(CentOS 7)安装测试svn服务
    Node.js安装及环境配置之Windows篇---完美,win7已测
    Java配置----JDK开发环境搭建及环境变量配置
    手把手教新手小白在window把自己的项目上传到github
    github常见操作和常见错误!错误提示:fatal: remote origin already exist
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4801290.html
Copyright © 2011-2022 走看看