esayui给datagrid添加背景图片-蒲公英云

esayui给datagrid添加背景图片

1.easyui有一个给每行设置背景色的方法，这用这个方法，将每一行都设置成透明。要注意ie兼容问题

给要设置背景图片的table外层加一个div,并给此div设置背景图片。

解析：如果不给每行设置为透明，则会出现一行有背景图片，一行没有背景图片的情况。这是因为datagrid的渲染发生在div背景图片之后。即使给div设置了层级，还是这样。

rowStyler: function(index,row){
                        //return 'background:rgba(255, 255, 255, 0.1)!important;filter:Alpha(opacity=60)!important; background:#fff!important;'; // return inline style
                        return 'background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);zoom: 1;'; // return inline style
                        // the function can return predefined css class and inline style
                        // return {class:'r1', style:{'color:#fff'}};    
                }
<!-- task list -->
        <div id="waterMark" style="z-index:999999;background: url(${path}/images/waterMark/shengting.png);background-size:100%，100%">
            <table id="tasklist" width="98%"></table>
        </div>