码迷,mamicode.com
首页 > Web开发 > 详细

JSP常用Form表单控件

时间:2016-12-28 20:38:14      阅读:331      评论:0      收藏:0      [点我收藏+]

标签:rate   前台   lte   for   var   function   控件   concat   初始化   

技术分享

技术分享

 

【easyui】--combobox--赋值和获取选中的值

/初始化下拉选框
    $(‘#communityIdDiv‘).combobox({    
        url:basepath+"pushController/queryCommonityName",
        valueField:‘col_ID‘,    
        textField:‘col_Name‘,
        panelHeight:80,
        selectOnNavigation:false,
        loadFilter:function(data){
            var o = [{‘col_ID‘:‘0‘,‘col_Name‘:‘--全推--‘}];
            $(‘#communityIdDiv‘).combobox("select",0);
            return o.concat(data);
        },
     onSelect:function(record){
        //获取下拉中的数据
        var data = $(‘#colOperateDiv‘).combobox("getData");
        //获取lable位置的值,一般都是类似主键的东西
        var lable = $("input[name=‘colCommunityId‘]").val();
        //遍历所有下拉框中的数据 data为数组形式
        for(var index in data){
            if(data[index].col_ID==lable){
//$("#_easyui_combobox_i1_"+index).text()  就是动态的获取选中的数据(人眼直接看到的)
                $(‘#td4‘).text($("#_easyui_combobox_i1_"+index).text());
            }
        }
    }
});

前台页面写法:

<div id="communityIdDiv"  name="colCommunityId"></div>

 

 

技术分享

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(‘#newstype‘).combobox({
                url:‘${ctx}/manage/news/newstype_comboxjson‘,
                valueField:‘id‘,
                textField:‘typename‘,
                panelHeight:‘auto‘,
                required:‘true‘,
                editable:‘false‘,
                onLoadSuccess: function () {
                    var data = $(‘#newstype‘).combobox(‘getData‘);
                    if (data.length > 0) {
                        $(‘#newstype‘).combobox(‘select‘, data[0].id);
                    }
                }
            });

 

 

 

easyui combobox 值怎样获取

$(‘#com‘).combobox(‘getValue‘)获取当前选中的值
$(‘#com‘).combobox(‘getText‘)获取当前选中的文字








 

JSP常用Form表单控件

标签:rate   前台   lte   for   var   function   控件   concat   初始化   

原文地址:http://www.cnblogs.com/wllcs/p/6230228.html

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