<div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
url="../data/AjaxService.aspx?method=SearchEmployees" idField="id"
>
<div property="columns">
<div type="indexcolumn"></div>
<div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
<div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
<div header="工作信息" headerAlign="center">
<div property="columns">
<div width="120" headerAlign="center">部门&职务
<div property="columns">
<div field="dept_name" width="120">所属部门</div>
<div field="position_name" width="100">职位</div>
</div>
</div>
<div field="salary" width="100" allowSort="true">薪资</div>
</div>
</div>
<div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
<div header="基本信息">
<div property="columns">
<div field="gender" width="100" renderer="onGenderRenderer">性别</div>
<div field="age" width="100" allowSort="true">年龄</div>
<div field="birthday" width="100" renderer="onBirthdayRenderer">出生日期</div>
<div field="married" width="100" align="center" renderer="onMarriedRenderer">婚否</div>
<div field="email" width="100">邮箱</div>
</div>
</div>
<div header="学历信息">
<div property="columns">
<div field="educational_name" width="100">学历</div>
<div field="school" width="120">毕业院校</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
grid.load();
grid.sortBy("createtime", "desc");
/
function onBirthdayRenderer(e) {
var value = e.value;
if (value) return mini.formatDate(value, 'yyyy-MM-dd');
return "";
}
function onMarriedRenderer(e) {
if (e.value == 1) return "是";
else return "否";
}
var Genders = [{ id: 1, text: '男' }, { id: 2, text: '女'}];
function onGenderRenderer(e) {
for (var i = 0, l = Genders.length; i < l; i++) {
var g = Genders[i];
if (g.id == e.value) return g.text;
}
return "";
}
</script>
miniui datagrid 多表头
最新推荐文章于 2024-06-25 13:57:59 发布