升级easyUI到1.9.4版本

2020-02-15 00:37:43 +08:00
parent 0527b980ea
commit ab2872c1ed
1197 changed files with 96263 additions and 40643 deletions
--- a/erp_web/js/easyui/demo/treegrid/editable.html
+++ b/erp_web/js/easyui/demo/treegrid/editable.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>Editable TreeGrid - jQuery EasyUI Demo</title>
+	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
+	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
+	<link rel="stylesheet" type="text/css" href="../demo.css">
+	<script type="text/javascript" src="../../jquery.min.js"></script>
+	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
+</head>
+<body>
+	<h2>Editable TreeGrid</h2>
+	<p>Select one node and click edit button to perform editing.</p>
+	<div style="margin:20px 0;">
+		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="edit()">Edit</a>
+		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="save()">Save</a>
+		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="cancel()">Cancel</a>
+	</div>
+	<table id="tg" class="easyui-treegrid" title="Editable TreeGrid" style="width:700px;height:250px"
+			data-options="
+				iconCls: 'icon-ok',
+				rownumbers: true,
+				animate: true,
+				collapsible: true,
+				fitColumns: true,
+				url: 'treegrid_data2.json',
+				method: 'get',
+				idField: 'id',
+				treeField: 'name',
+				showFooter: true
+			">
+		<thead>
+			<tr>
+				<th data-options="field:'name',width:180,editor:'text'">Task Name</th>
+				<th data-options="field:'persons',width:60,align:'right',editor:'numberbox'">Persons</th>
+				<th data-options="field:'begin',width:80,editor:'datebox'">Begin Date</th>
+				<th data-options="field:'end',width:80,editor:'datebox'">End Date</th>
+				<th data-options="field:'progress',width:120,formatter:formatProgress,editor:'numberbox'">Progress</th>
+			</tr>
+		</thead>
+	</table>
+	<script type="text/javascript">
+		function formatProgress(value){
+	    	if (value){
+		    	var s = '<div style="width:100%;border:1px solid #ccc">' +
+		    			'<div style="width:' + value + '%;background:#cc0000;color:#fff">' + value + '%' + '</div>'
+		    			'</div>';
+		    	return s;
+	    	} else {
+		    	return '';
+	    	}
+		}
+		var editingId;
+		function edit(){
+			if (editingId != undefined){
+				$('#tg').treegrid('select', editingId);
+				return;
+			}
+			var row = $('#tg').treegrid('getSelected');
+			if (row){
+				editingId = row.id
+				$('#tg').treegrid('beginEdit', editingId);
+			}
+		}
+		function save(){
+			if (editingId != undefined){
+				var t = $('#tg');
+				t.treegrid('endEdit', editingId);
+				editingId = undefined;
+				var persons = 0;
+				var rows = t.treegrid('getChildren');
+				for(var i=0; i<rows.length; i++){
+					var p = parseInt(rows[i].persons);
+					if (!isNaN(p)){
+						persons += p;
+					}
+				}
+				var frow = t.treegrid('getFooterRows')[0];
+				frow.persons = persons;
+				t.treegrid('reloadFooter');
+			}
+		}
+		function cancel(){
+			if (editingId != undefined){
+				$('#tg').treegrid('cancelEdit', editingId);
+				editingId = undefined;
+			}
+		}
+	</script>
+
+</body>
+</html>