树形联动

最新推荐文章于 2019-09-27 19:12:50 发布

转载最新推荐文章于 2019-09-27 19:12:50 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/szqblog/p/3270537.html

文章标签：

#xhtml #javascript #json #ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

　　body{

　　　　margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;

　　　}

　　 </style>

</head>

　　<body>

　　</div>

　　　<ul id="tree1" class="mini-tree" url="../data/deptTree.txt" style="width:100%;" showTreeIcon="true" textField="name" idField="id"

parentField="pid" resultAsTree="false" >

　　　</ul>

　　</div>

　　　</div>

　　<div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号

　　</div>

　　<div field="name" width="120" headerAlign="center" allowSort="true">员工姓名

　　<div field="gender" width="100" allowSort="true" renderer="onGenderRenderer" align="center" headerAlign="center">性别

　　</div>

　　<div field="age" width="100" allowSort="true">年龄

　　 </div>

　　<div field="birthday" width="100" allowSort="true" dateFormat="yyyy-MM-dd">出生日期

　　</div>

　　</div>

　　 mini.parse();

var tree = mini.get("tree1");

　　　var grid = mini.get("grid1");

tree.on("nodeselect", function (e) {

　　　　　　if (e.isLeaf) {

　　　　　　grid.load({ dept_id: e.node.id });

　　　　} else {

　　　　　　　　grid.setData([]);

　　　　　　　　grid.setTotalCount(0);

　　　　}

　　});

//////////////////////////////////////////////

　　　　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 "";

　　 }

　　　function onNameFilterChanged(e) {

　　　　　　var textbox = e.sender;

　　　　　　var key = textbox.getValue();

　　　　　 var node = tree.getSelectedNode();

　　　　　　if (node) {

　　　　　　　　grid.load({ dept_id: node.id, key: key });

　　　　　　}

　　function addRow() {

　　　　var node = tree.getSelectedNode();

　　　　　　if (node) {

　　　　　　　　var newRow = { name: "New Row" };

　　　　　　　　newRow.dept_id = node.id;

　　　　　　　　grid.addRow(newRow, 0);

　　　　　　}

　　function removeRow() {

　　　　var rows = grid.getSelecteds();

　　　　if (rows.length > 0) {

　　　　　　grid.removeRows(rows, true);

　　　　}

　　 function saveData() {

　　　　var data = grid.getChanges();

　　　　var json = mini.encode(data);

　　　　grid.loading("保存中，请稍后......");

　　　　 $.ajax({

　　　　　　 url: "../data/AjaxService.aspx?method=SaveEmployees",

　　　　　　 data: { data: json },

　　　　　　type: "post",

　　　　　　 success: function (text) {

　　　　　　grid.reload();

　　　　error: function (jqXHR, textStatus, errorThrown) {

　　　　　　alert(jqXHR.responseText);

　　　　}

　　});

}

</script>

</body> </html>

转载于:https://www.cnblogs.com/szqblog/p/3270537.html