#override("css")
<link rel="stylesheet" href="${ctx}/static/js/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css" />
#end
#override("body")
<div class="ibox float-e-margins">
	<form id="validForm" class="form-horizontal m-t" novalidate="novalidate">
    <div class="ibox-content">
    	<div class="col-sm-4">
	        	<input type="hidden" id="dict.id" name="id" value="$!dict.id"/>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">上级字典：</label>
	                <div class="col-sm-8">
	                	<select id="pid" name="pid" style="width:250px;" class="selectator" data-selectator-keep-open="true" data-selectator-show-all-options-on-focus="true" data-selectator-search-fields="value text subtitle right">
							<option value="0" selected>顶级字典</option>
							#foreach($oneSelect in $dictList)
								<option value="${oneSelect.id}"
									#if( $string.isNotEmpty($dict.pid))
										#if($string.equals(${dict.pid}, ${oneSelect.id}) ) 
											selected
										#end
									#end
								>${oneSelect.txt}</option>
							#end
						</select>
						<script type="text/javascript">
						$(function () {
							var pid_select = $('#pid');
							pid_select.selectator({
								labels: {
						            showAllOptionsOnFocus: true,
						            keepOpen: true,
						            search: 'Search here...'
								}
							});
						});
						</script>
	                </div>
	            </div> 
	            <div class="form-group">
	                <label class="col-sm-3 control-label">TYPECODE（用于快速获取子集元素）：</label>
	                <div class="col-sm-8">
	                    <input type="text" placeholder="TYPECODE" value="$!dict.typecode" class="form-control" name="typecode" id="typecode">
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">字典名称：</label>
	                <div class="col-sm-8">
	                    <input type="text" placeholder="字典名称" value="$!dict.txt" aria-required="true"  required="true" minlength="2" class="form-control"  name="txt" id="txt">
	                </div>
	            </div>
	            <div class="hr-line-dashed"></div>
	            <div class="form-group">
	                <div class="col-sm-4 col-sm-offset-3 pull-right">
	                    <button type="button" class="btn btn-primary" onclick="save();"><i class="fa fa-check"></i>&nbsp;提交</button>
	                    <button type="button" class="btn btn-white" onclick="parent.closeAll();"><i class="fa fa-close"></i>&nbsp;取消</button>
	                </div>
	            </div>
		</div>
    </div>
    </form>
</div>
<script type="text/javascript">
	function search(){
		var queryParams = {
			query:{
				name: $("#groupName").val()
			}
		}
		 $('#dataTable').bootstrapTable('refresh', queryParams );
	}
	

	function save(){
		if($('#validForm').valid()){
			var data = $('#validForm').serialize();
			data = data + "&" + $('#roleForm').serialize();
			if("$!dict.id" == ""){
				ajaxPost(APP.PATH + "/sysDict/create",data);
			}else{
				ajaxPost(APP.PATH + "/sysDict/update",data);
			}
			/* timeoutThread(reloadTree_inner,500);
			function reloadTree_inner(){
				parent.location.reload();
			} */
		}
	}
	
	
</script>
#end 
#extends("/common/base_list.html")