Easyui datagrid動的追加データ

6094 ワード

1、ページコード
 <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>