EasyUI Forum
September 16, 2025, 08:41:00 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Background image of Treegrid/Datagrid  (Read 10701 times)
thecyberzone
Full Member
***
Posts: 176



View Profile Email
« on: July 24, 2015, 09:28:10 AM »

I want to display an image as background of a Treegrid / Datagrid, How it can be done? Any help ...
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: July 24, 2015, 06:13:40 PM »

Get the datagrid panel and you can add any CSS style on it.
Code:
var p = $('#dg').datagrid('getPanel');
p.css('background',...);
Logged
thecyberzone
Full Member
***
Posts: 176



View Profile Email
« Reply #2 on: July 24, 2015, 11:49:31 PM »

I have already tried as follows, but nothing happens.  Sad

Code:
<script>
var p = $('#dg').datagrid('getPanel');
p.css('background',url('images/main.jpg'));
</script>
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: July 25, 2015, 12:12:45 AM »

Make sure your image can be accessed from your page. Please refer to http://jsfiddle.net/du3eu6g1/
Logged
thecyberzone
Full Member
***
Posts: 176



View Profile Email
« Reply #4 on: July 25, 2015, 08:27:06 AM »

It works! Problem was it should be under onload of page.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!