升级easyUI到1.9.4版本
This commit is contained in:
季圣华
60
erp_web/js/easyui/demo/combogrid/actions.html
Normal file
60
erp_web/js/easyui/demo/combogrid/actions.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ComboGrid Actions - 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>ComboGrid Actions</h2>
|
||||
<p>Click the buttons below to perform actions.</p>
|
||||
<div style="margin:20px 0">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="getValue()">GetValue</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="setValue()">SetValue</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="disable()">Disable</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="enable()">Enable</a>
|
||||
</div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input id="cc" class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'Select Item:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function getValue(){
|
||||
var val = $('#cc').combogrid('getValue');
|
||||
alert(val);
|
||||
}
|
||||
function setValue(){
|
||||
$('#cc').combogrid('setValue', 'EST-13');
|
||||
}
|
||||
function disable(){
|
||||
$('#cc').combogrid('disable');
|
||||
}
|
||||
function enable(){
|
||||
$('#cc').combogrid('enable');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
40
erp_web/js/easyui/demo/combogrid/basic.html
Normal file
40
erp_web/js/easyui/demo/combogrid/basic.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic ComboGrid - 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 ComboGrid</h2>
|
||||
<p>Click the right arrow button to show the DataGrid.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'Select Item:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
12
erp_web/js/easyui/demo/combogrid/datagrid_data1.json
Normal file
12
erp_web/js/easyui/demo/combogrid/datagrid_data1.json
Normal file
@@ -0,0 +1,12 @@
|
||||
{"total":28,"rows":[
|
||||
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
|
||||
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
|
||||
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
|
||||
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
|
||||
{"selected":true,"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
|
||||
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
|
||||
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
|
||||
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
|
||||
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
|
||||
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
|
||||
]}
|
||||
63
erp_web/js/easyui/demo/combogrid/fluid.html
Normal file
63
erp_web/js/easyui/demo/combogrid/fluid.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fluid ComboGrid - 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>Fluid ComboGrid</h2>
|
||||
<p>This example shows how to set the width of ComboGrid to a percentage of its parent container.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
panelMinWidth: '50%',
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'width: 100%',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combogrid" style="width:50%" data-options="
|
||||
panelWidth: 500,
|
||||
panelMinWidth: '50%',
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'width: 50%',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
41
erp_web/js/easyui/demo/combogrid/initvalue.html
Normal file
41
erp_web/js/easyui/demo/combogrid/initvalue.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Initialize Value for ComboGrid - 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>Initialize Value for ComboGrid</h2>
|
||||
<p>Initialize value when ComboGrid is created.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
value: 'EST-12',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'Select Item:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
42
erp_web/js/easyui/demo/combogrid/multiple.html
Normal file
42
erp_web/js/easyui/demo/combogrid/multiple.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Multiple ComboGrid - 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>Multiple ComboGrid</h2>
|
||||
<p>Click the right arrow button to show the DataGrid and select items.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
multiple: true,
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
value: ['EST-11','EST-13'],
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'Select Items:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
43
erp_web/js/easyui/demo/combogrid/navigation.html
Normal file
43
erp_web/js/easyui/demo/combogrid/navigation.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Navigate ComboGrid - 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>Navigate ComboGrid</h2>
|
||||
<p>Navigate through grid items with keyboard to select an item.</p>
|
||||
<div style="margin:20px 0">
|
||||
<input type="checkbox" checked onchange="$('#cc').combogrid({selectOnNavigation:$(this).is(':checked')})">
|
||||
<span>SelectOnNavigation</span>
|
||||
</div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select id="cc" class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'Select Item:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
erp_web/js/easyui/demo/combogrid/setvalue.html
Normal file
59
erp_web/js/easyui/demo/combogrid/setvalue.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Set Value for ComboGrid - 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>Set Value for ComboGrid</h2>
|
||||
<p>Click the buttons below to perform actions.</p>
|
||||
<div style="margin:20px 0">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="getValue()">GetValue</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="setValue1()">SetValue1</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="setValue2()">SetValue2</a>
|
||||
</div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<select id="cc" class="easyui-combogrid" style="width:100%" data-options="
|
||||
panelWidth: 500,
|
||||
idField: 'itemid',
|
||||
textField: 'productname',
|
||||
url: 'datagrid_data1.json',
|
||||
method: 'get',
|
||||
columns: [[
|
||||
{field:'itemid',title:'Item ID',width:80},
|
||||
{field:'productname',title:'Product',width:120},
|
||||
{field:'listprice',title:'List Price',width:80,align:'right'},
|
||||
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
|
||||
{field:'attr1',title:'Attribute',width:200},
|
||||
{field:'status',title:'Status',width:60,align:'center'}
|
||||
]],
|
||||
fitColumns: true,
|
||||
label: 'Select Item:',
|
||||
labelPosition: 'top'
|
||||
">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function getValue(){
|
||||
var val = $('#cc').combogrid('getValue');
|
||||
alert(val);
|
||||
}
|
||||
function setValue1(){
|
||||
$('#cc').combogrid('setValue', 'EST-13');
|
||||
}
|
||||
function setValue2(){
|
||||
$('#cc').combogrid('setValue', {
|
||||
itemid: 'customid',
|
||||
productname: 'CustomName'
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user