Easyui datagrid動的追加データ
6094 ワード
1、ページコード
2、バックグラウンドコード
3、ページ動的ロード行数
<div title=" " data-options="closable:false" style="overflow:auto;padding:5px;display:none;">
<div id="product_con" class="easyui-panel" style="width:100%;height:100%;">
id="conProductDataGrid">
div>
div>
<script type="text/javascript">
$(function() {
//
conProductDataGrid = $('#conProductDataGrid').datagrid({
idField : 'id',
dataPlain: true,
fit : true,
striped : true,
fitColumns : false,
rownumbers :true,
border : false,
nowrap : false,
columns : [ [ {
field : 'brandName',
title : ' ',
width : 136,
align:'center'
}, {
field : 'name',
title : ' ',
width : 140,
align:'center'
}, {
field : 'price',
title : ' ',
width : 100,
align:'center',
editor:'numberspinner'
}, {
field : 'num',
title : ' ',
width : 100,
align:'center',
editor:'numberspinner'
}] ],
onContextMenu : function(e, row) {
e.preventDefault();
$(this).treegrid('unselectAll');
$(this).treegrid('select', row.id);
},
onLoadSuccess:function(){
// ,checkbox
}
});
)};
script>
2、バックグラウンドコード
List conCardProducts = getCustomerProducts();
request.setAttribute("conCardProducts", conCardProducts);
3、ページ動的ロード行数
<script type="text/javascript">
$(function() {
// , 0
if('${conCardProducts}' != null && '${conCardProducts.size()}' > 0){
var i = 0;
//
"${conCardProducts}" var="t" varStatus="status">
//
$('#conProductDataGrid').datagrid('insertRow',{
index:i , // 0
row: {
brandName: '${t.product.brand.name}',
name: '${t.product.name}',
price: '${t.price}',
num: '${t.num}'
}
});
i++;
c:forEach>
}
)};
script>