首页 > 其他 > 详细

浅谈datagrid详细操作单元格样式

时间:2014-10-25 15:46:45      阅读:244      评论:0      收藏:0      [点我收藏+]

    $(‘#tt‘).datagrid({   
        url: ‘datagrid_data2.json‘,   
        title: ‘DataGrid - ContextMenu‘,   
        width: 700,   
        height: ‘auto‘,   
        fitColumns: true,   
        columns: [[   
            {field: ‘itemid‘,title: ‘Item ID‘,width: 80},   
            {field: ‘productid‘,title: ‘Product ID‘,width: 120},    
            {field: ‘listprice‘,title: ‘List Price‘,width: 80,align: ‘right‘},    
            {field: ‘unitcost‘,title: ‘Unit Cost‘,width: 80,align: ‘center‘},    
            {field: ‘attr1‘,title: ‘Attribute‘,width: 250},    
            {field: ‘status‘,title: ‘Status‘,width: 60,align: ‘center‘}   
        ]],   
        onLoadSuccess: function(data){   
            var panel = $(this).datagrid(‘getPanel‘);   
            var tr = panel.find(‘div.datagrid-body tr‘);   
            tr.each(function(){   
                var td = $(this).children(‘td[field="unitcost"]‘);   
                td.children("div").css({   
                    "text-align": "right"  
                });   
                ;   
            });   
        }   
    });  

浅谈datagrid详细操作单元格样式http://www.easyui.info/archives/470.html

浅谈datagrid详细操作单元格样式

原文:http://www.cnblogs.com/hubing/p/4050175.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!