码迷,mamicode.com
首页 > 其他好文 > 详细

解决juqery easyui combobox只能选择问题

时间:2014-12-11 11:48:30      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:io   ar   sp   on   数据   art   问题   bs   cti   

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({
            width: 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‘);
 

解决juqery easyui combobox只能选择问题

标签:io   ar   sp   on   数据   art   问题   bs   cti   

原文地址:http://www.cnblogs.com/donghua2014/p/4157225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!