遇到的问题-easyui类

遇到的问题：

添加简单的验证问题

对下拉选项添加第一行的--请选择--

解决方案：

①添加简单的验证问题

$('#txtName').textbox({
    required : true,
    missingMessage:'请输入项目名称,长度在3~18位之间',
    validType:['length[3,20]'],
    invalidMessage : '请输入正确的项目名称，长度在3~20位之间！',
});

在需要进行验证的文本框中加入trquired : true 属性，这个属性文本框不能为空。

missingMessage ：当文本框为空的时候提示的文字。

validType : 类型。

invalidMessage ： 当文本框输入错误时提示的文字。

只加这些属性是添加了验证，但验证和提交是同步进行了，也就是验证没有生效。

需要判断是否输入正确

$('#validateForm').form({
	onSubmit:function(){
		return $(this).form('validate');
	},
	success:function(){
	    
	}
});

用easyui提供的方法，对表单进行提交前验证，如果通过验证，则进行success中的事件处理。

只是可以实现简单的表单验证，验证文本是否输入，长度是否超出范围。复杂验证后续学到会进行补充。

②.给下拉选添加--请选择--

$.ajax({
	url:'<%=request.getContextPath() + "/User/SelectListByProjectLoaderId"%>',
	type : 'POST',
	dataType : 'json',
	success : function(data) {
		var items = [];
		items.push({
			'Value' : '',
			'Text' : '--请选择--'
		});
		$(data).each(function(i) {
			items.push(data[i]);
		});
		$('#ddlProjectLeaderId').combobox('loadData', items);
	}
});

在请求到数据的成功事件中，新建一个空的数组，用push方法把value为空的时候text为请选择push到空的数组里面。再用eash方法循环遍历拆分data里面的数据，再把数据push到空数组里面。这时，原本空的数组就有了value为空时的请选择及请求到的data里面的数据。再用easyui中的loadData方法加载