zoukankan      html  css  js  c++  java
  • 解决juqery easyui combobox只能选择问题

    1.首先设定框为 combobox样式,该字段值为了进行值的显示

    <tr class="odd_row">
                    <td class="TableLabel_Left">检查人员</td>
                    <td class="TableText_Left" colspan="3">
                        <ww:select name="jcry" id="jcry" theme="simple" list='dict_zzry' listKey="key"
                                   listValue="value" multiple='true' />
                    </td>            </tr>

    2.增加对应保存字段

    <ww:hidden name="tpzJcjl.jcry" id="tpzJcjl_jcry" />
     
    3.值变化及回显处理(针对下拉多选)
    function getCombox(xsid,ycid){
            $('#'+xsid).combobox({
                 fixWidth(),  //设置宽度
                editable:false,  //不能编辑
                onChange: function () {   //选择值的时候将值放入到需要保存字段
                    $("#"+ycid).val('');
                    var jcry = $('#'+xsid).combobox('getValues');
                    $("#"+ycid).val(jcry);
                },
                onLoadSuccess: function () { //数据加载完毕事件,默认之前已经选中的值
                    if($("#"+ycid).val() != ''){
                        $('#'+xsid).combobox('setValues',$("#"+ycid).val().split(','));  //将多选框值切割放入
                    }
                }
            });
            $("#"+xsid).parent().find("input[class^='combo-text']").css("background", "#FFFFFF"); //修改背景色
        } function fixWidth() {
            return document.body.clientWidth * 0.33;
        }


    调用:
    getCombox('jcry','tpzJcjl_jcry');
     
  • 相关阅读:
    linux 常用命令
    books list
    开发文化,沟通、会议、总结
    编程资源
    敏捷开发流程
    服务器安全部署指南
    服务器应用部署规范
    单元测试
    弱弱的页码问题
    实验A javaScript XML数据操作按姓名查询
  • 原文地址:https://www.cnblogs.com/donghua2014/p/4157225.html
Copyright © 2011-2022 走看看