#@main("字典管理")

#define content()
<section class="content-header">
	<h1>字典管理 <small> Dictionary management </small></h1>
	<ol class="breadcrumb">
		<li><a href="#(attr.indexUrl)"><i class="fa fa-dashboard"></i> 首页</a></li>
		<li class="active">字典管理</li>
	</ol>
</section>
<section class="content container-fluid">
	<div id="dataTable"></div>
</section>
#end

#define after()
<script>
require(['ez-datagrid', 'kit'], function(Grid, Kit){
	
	var rootJson = #(EJson.toJson(dicts));
	var datagrid;
	var initGrid = function(){
		var opts = {
			container: '#dataTable'
			, data: rootJson
			, title: '字典管理'
			, columns: [{
	            field: 'groupCode'
	            , title: '条目分组'
	            , width: 120
	            , required: true
			},{
            	field: 'code'
	            , title: '条目别名'
	            , width: 120
	            , required: true
			},{
            	field: 'value'
	            , title: '条目值'
	            , required: true
			},{
            	field: 'sort'
    	        , width: 120
	            , title: '序号'
			    , inputValidate: '^[0-9]*$'
				, type: 'number'
				, defaultValue: 99
    		}]
			, btnAdd: { callback: function(params){ return '#(attr.ctrl)/add' } }
			, btnModify: { callback: function(params, row){ return '#(attr.ctrl)/modify' } }
			, btnRemove: { callback: function(params, rows){ return '#(attr.ctrl)/remove?codes=' + Kit.getFields(rows, 'code').join(',') } }
		}
		Grid.load(opts, function(dg){
			datagrid = dg;
		});
	}
	initGrid();
});
</script>
#end