升级easyUI到1.9.4版本
This commit is contained in:
61
erp_web/js/easyui/demo/propertygrid/basic.html
Normal file
61
erp_web/js/easyui/demo/propertygrid/basic.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic PropertyGrid - 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>Basic PropertyGrid</h2>
|
||||
<p>Click on row to change each property value.</p>
|
||||
<div style="margin:20px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="showGroup()">ShowGroup</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="hideGroup()">HideGroup</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="showHeader()">ShowHeader</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="hideHeader()">HideHeader</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="getChanges()">GetChanges</a>
|
||||
</div>
|
||||
<table id="pg" class="easyui-propertygrid" style="width:300px" data-options="
|
||||
url:'propertygrid_data1.json',
|
||||
method:'get',
|
||||
showGroup:true,
|
||||
scrollbarSize:0
|
||||
">
|
||||
</table>
|
||||
|
||||
<script type="text/javascript">
|
||||
function showGroup(){
|
||||
$('#pg').propertygrid({
|
||||
showGroup:true
|
||||
});
|
||||
}
|
||||
function hideGroup(){
|
||||
$('#pg').propertygrid({
|
||||
showGroup:false
|
||||
});
|
||||
}
|
||||
function showHeader(){
|
||||
$('#pg').propertygrid({
|
||||
showHeader:true
|
||||
});
|
||||
}
|
||||
function hideHeader(){
|
||||
$('#pg').propertygrid({
|
||||
showHeader:false
|
||||
});
|
||||
}
|
||||
function getChanges(){
|
||||
var s = '';
|
||||
var rows = $('#pg').propertygrid('getChanges');
|
||||
for(var i=0; i<rows.length; i++){
|
||||
s += rows[i].name + ':' + rows[i].value + ',';
|
||||
}
|
||||
alert(s)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
31
erp_web/js/easyui/demo/propertygrid/customcolumns.html
Normal file
31
erp_web/js/easyui/demo/propertygrid/customcolumns.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Customize Columns of PropertyGrid - 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>Customize Columns of PropertyGrid</h2>
|
||||
<p>The columns of PropertyGrid can be changed.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<table class="easyui-propertygrid" style="width:300px" data-options="
|
||||
url: 'propertygrid_data1.json',
|
||||
method: 'get',
|
||||
showGroup: true,
|
||||
scrollbarSize: 0,
|
||||
columns: mycolumns
|
||||
">
|
||||
</table>
|
||||
<script>
|
||||
var mycolumns = [[
|
||||
{field:'name',title:'MyName',width:100,sortable:true},
|
||||
{field:'value',title:'MyValue',width:100,resizable:false}
|
||||
]];
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
30
erp_web/js/easyui/demo/propertygrid/groupformat.html
Normal file
30
erp_web/js/easyui/demo/propertygrid/groupformat.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Group Format - 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>Group Format</h2>
|
||||
<p>The user can change the group information.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<table class="easyui-propertygrid" style="width:300px" data-options="
|
||||
url: 'propertygrid_data1.json',
|
||||
method: 'get',
|
||||
showGroup: true,
|
||||
scrollbarSize: 0,
|
||||
groupFormatter: groupFormatter
|
||||
">
|
||||
</table>
|
||||
<script>
|
||||
function groupFormatter(fvalue, rows){
|
||||
return fvalue + ' - <span style="color:red">' + rows.length + ' rows</span>';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
20
erp_web/js/easyui/demo/propertygrid/propertygrid_data1.json
Normal file
20
erp_web/js/easyui/demo/propertygrid/propertygrid_data1.json
Normal file
@@ -0,0 +1,20 @@
|
||||
{"total":7,"rows":[
|
||||
{"name":"Name","value":"Bill Smith","group":"ID Settings","editor":"text"},
|
||||
{"name":"Address","value":"","group":"ID Settings","editor":"text"},
|
||||
{"name":"Age","value":"40","group":"ID Settings","editor":"numberbox"},
|
||||
{"name":"Birthday","value":"01/02/2012","group":"ID Settings","editor":"datebox"},
|
||||
{"name":"SSN","value":"123-456-7890","group":"ID Settings","editor":"text"},
|
||||
{"name":"Email","value":"bill@gmail.com","group":"Marketing Settings","editor":{
|
||||
"type":"validatebox",
|
||||
"options":{
|
||||
"validType":"email"
|
||||
}
|
||||
}},
|
||||
{"name":"FrequentBuyer","value":"false","group":"Marketing Settings","editor":{
|
||||
"type":"checkbox",
|
||||
"options":{
|
||||
"on":true,
|
||||
"off":false
|
||||
}
|
||||
}}
|
||||
]}
|
||||
Reference in New Issue
Block a user