Server/VB_DSM_V2.0/vbdsm-ui/src/pc/manage/setting-park-update.html

<script type="text/javascript">
//省
init_province1=function(){
	ajax({url:'web/area/getComboxData.json?1=1',async:false,success:function(data){
		var option='<option value="">请选择</option>';
		for(var i=0;i<data.length;i++){;
			option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
		}
		$('#province1').append(option);
	}})
};

//省下拉改变事件
$('#province1').bind('change',function(){
	init_city1($(this).val());
});

init_city1=function(province,city){
	var option='<option value="">请选择</option>';
	if(null == province || '' == province){
		$('#district1').append(option);
		return;
	}
	$('#district1').empty().append(option);
	//市
	ajax({
		url:'web/area/getComboxData.json',
		type:'post',
		data:{parentId:province},
		success:function(data){
			$('#city1').empty();
			for(var i=0;i<data.length;i++){
				  if(city == data[i].id){
				  		option +='<option value="'+ data[i].id +'" selected>'+ data[i].title+'</option>';
				  }else{
					  option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
				  }
			}
			$('#city1').append(option);
		}
	});
}


//市下拉改变事件
$('#city1').bind('change',function(){
	init_district1($(this).val());
});


//区县
init_district1=function(city,district){
	var option='<option value="">请选择</option>';
	if(null == city || '' == city){
		$('#district1').append(option);
		return;
	}
	$('#district1').empty();
	//市
	ajax({
		url:'web/area/getComboxData.json',
		type:'post',
		data:{parentId:city},
		success:function(data){
			for(var i=0;i<data.length;i++){
				  if(district == data[i].id){
				  		option +='<option value="'+ data[i].id +'" selected>'+ data[i].title+'</option>';
				  }else{
					  option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
				  }
			}
			$('#district1').append(option);
		}
	});
}

//站点
init_site=function(orgId){
	ajax({url:'web/proxy/getSiteData.json',type:'post',data:{orgId:orgId},success:function(data){
		var siteIdSpanHTML = "";
		for(var i=0;i<data.length;i++){
			if(data[i].checked == true){
				siteIdSpanHTML +='<input type="checkbox" name="siteId" checked="true" value="'+data[i].id+'">'+data[i].name + '<br/>';
			}else{
				siteIdSpanHTML +='<input type="checkbox" name="siteId" value="'+data[i].id+'">'+data[i].name + '<br/>';
			}
		}
		$("#siteIdSpan").html(siteIdSpanHTML);
	}});
}

//保存按钮
$('#saveButton').bind('click',function(){
	if(checkForm()){
		modify();
	}
});


//保存
function modify(){
	$('#parkFrm').removeAttr("target").form('submit',{
      url: "/web/park/modify.json",
      onSubmit: function(){
          return $(this).form('validate');
      },
      success: function(json){
      	$('#easyui-dialog-win').dialog('close');
      	 var options = tableObj.datagrid('getPager').data("pagination").options;
         var curr = options.pageNumber;
         getData(curr,20);//加载数据
      }
  });
}


//验证表单
function checkForm(){
	var name = $('#_name').val();
	if(null == name || '' == name){
		alert("请填写企业名称");
		return false;
	}
	
	var province = $('#province1').val();
	if(null == province || '' == province){
		alert("请选择区域");
		return false;
	}
	
	var siteId = $('[name="siteId"]').is(':checked');
	if(!siteId){
		alert("请选择站点");
		return false;
	}
	return true;
}

$(function(){
	init_province1();
	//查询数据
	var rows = $("#dg").datagrid("getChecked");
	ajax({url:'/web/park/getOne.json',type:'post',data:{id:rows[0].orgId},success:function(data){
		$('#parkFrm').form("load",data.data);
		init_city1(data.data.province,data.data.city);
		init_district1(data.data.city,data.data.district);
		init_site(data.data.orgId);
	}});
})


</script>
<div class="easyui-layout" data-options="fit:true" style="border: 0px;">
	<div data-options="region:'center'">
		<form id="parkFrm" method="post">
			<input type="hidden" name="id"> 
			<input type="hidden" name="orgId">
			<table>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">企业名称<font color="red">*</font>：</td>
					<td style="width:360px;"><input type="text" id="_name" name="name" style="width: 90%;"/></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">所属区域<font color="red">*</font>：</td>
					<td>
						<span class="province1Span">
							<select id="province1" name="province"></select>
						</span> 
						<span class="city1Span">
							<select id="city1" name="city"></select>
						</span> 
						<span class="district1Span">
							<select id="district1" name="district"></select>
						</span>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">详细地址：</td>
					<td><input type="text" id="address" name="address" class="easyui-validatebox input" style="width: 90%"/></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">级别<font color="red">*</font>：</td>
					<td>
						<select id="grade" name="grade" style="width: 200px">
							<option value="1">国家级</option>
							<option value="2">省级</option>
							<option value="3">市级</option>
							<option value="4">区县级</option>
						</select>
					</td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">坐标：</td>
					<td><input type="text" id="coordinate" name="coordinate" class="easyui-validatebox input" style="width: 90%" /></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">站点<font color="red">*</font>：</td>
					<td><span id="siteIdSpan"></span></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">备注：</td>
					<td><textarea id="remark" name="remark"  style="width: 360px, font-size:12px; height: 80px;"></textarea></td>
				</tr>
			</table>
		</form>
	</div>
	<div data-options="region:'south',border:false" style="text-align: right; padding: 5px 0 0;">
		<a class="easyui-linkbutton" data-options="iconCls:'icon-save'" href="javascript:void(0)" id="saveButton" style="width: 80px">保存</a>
		<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:$('#easyui-dialog-win').dialog('close');" id="cancelButton" style="width: 80px">取消</a>
	</div>
</div>