easyui 使用经验

一、 combobox

使用是需要声明 class=“easyui-combobox”   

1>页面直接使用 

                        

 <td>
                                       <select id="material2" name="material2" class="easyui-combobox"	style="width:153px">
						<option value="0">普通物料</option>
    						<option value="1">电力电缆</option>   
    						<option value="2" selected>光缆</option>
					</select>
			   </td>

2>页面声明，后端JS控制

<td style="text-align:right;font-size:12px;">公司名称:</td>
			<td><select id="companyname2" name="companyname2"
						style="width:153px" class="easyui-combobox" data-options="valueField:'id', textField:'text'">
				</select>
			</td>

JS             

$.ajax({
						url:'controller/projectBranchCompany/list.json',
						type:'post',
						success:function(data){
							var obj = eval('('+ data +')').companyList;
							var bName2 = [{'text':'','id':''}];
							for(var i=0;i<obj.length;i++){
								bName2.push({"text":obj[i].companyName,"id":obj[i].id});
							}
							$('#companyname2').combobox("loadData",bName2);
						}
					});

获取combobox的值

                    var bName = ($('#bName2').combobox('getValue'));

获取文本框的值

var name = ($("#name").val());