EasyUI Forum
December 06, 2025, 10:08:15 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
EasyUI Forum > Recent Posts
Pages: 1 ... 8 9 [10]
 91 
 on: December 16, 2024, 04:07:37 AM 
Started by stephenl - Last post by jega
You got the point, even if my text was incorrect spelled.

For others.

If data to datagrid is from a database, then format it directly in your SQL or make a view with the formated columns, and return the formatted JSON data directly to the datagrid.

Please mark topic as [SOLVED] ;-)

 92 
 on: December 15, 2024, 01:37:00 PM 
Started by stephenl - Last post by stephenl

If you pull Open_Amt from a database, the format in in your sql so json is already formatted Huh

Great Idea - Thanks !

 93 
 on: December 15, 2024, 01:19:17 PM 
Started by stephenl - Last post by jega
Hi.

Use formatter like {field:'Open_Amt',title:'Amt',width:5, align:'right',formatter:formatOpenAmt},

   function formatOpenAmt(row){
      var formattedString = [Find the code you need. There is a lot of possibilities]
      return formattedString;
   }

Look at demo/datagrid/format datagrid columns

OR

If you pull Open_Amt from a database, the format in in your sql so json is already formatted

 94 
 on: December 15, 2024, 12:02:13 PM 
Started by stephenl - Last post by stephenl
Hello

I have a datagrid defined as below
                        
Code:
columns:[[
    {field:'Open_Amt',title:'Amt',width:5, align:'right'},
    {field:'Currency',title:'Cur',width:5}									
]],

Currently, Open_Amt format shows as 12345.5

I would like to format value this to show 12,345.50

ie always show 2 places after the decimal point and also show thousands separator

Suggestions appreciated

Thank you

 95 
 on: December 10, 2024, 07:01:12 PM 
Started by Oliver - Last post by jarry
This example works fine.
Code:
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
	<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	<script>
		$(function () {
			$(".tt").tooltip({
				trackMouse: true, content: 'test', zIndex: 99999

			});
		})
	</script>
</head>
<body>
	<p><span class="tt">Tooltip1</span></p>
	<p><span class="tt">Tooltip2</span></p>
	<p><span class="tt">Tooltip3</span></p>
</body>
</html>

If your issue continues, please show an example to demonstrate your issue.

 96 
 on: December 09, 2024, 10:38:23 AM 
Started by Oliver - Last post by Oliver
Hello, I encounter a strange problem: I've defined several tooltips in my page, located in different containers.

The tooltips have an addtitional class "tt" and are initialized as following:


$(".tt").tooltip({
          trackMouse: true, content: 'test',zIndex: 99999
            
});

When using Firefox or Internet Explorer, the tooltips work as expected. But in Chrome and Edge, the tooltips are not displayed. When inspecting, .tooltip("tip").css("left") and .tooltip("tip").css("top") each show '-100000px'

As mentioned, using the same code, in Firefox or Internet Explorer, the coordinates are correct and the tooltips are shown properly

What can be the reason ?

TX and kind regards

 97 
 on: November 12, 2024, 07:40:18 PM 
Started by Wojak - Last post by jarry
Please look at this example https://www.jeasyui.com/demo/test/test21.html. It works fine.

 98 
 on: November 11, 2024, 11:55:44 AM 
Started by Wojak - Last post by Wojak
After refreshing the data is there, but 'emptyMsg' sometimes does not disappear. After it stays on the screen, I checked what 'emptyMsg' is in the settings and from text such as '123' it changes to ''. And after it stays on the screen and changes to '', it doesn't disappear after trying to refresh all the time

 99 
 on: November 10, 2024, 07:14:21 PM 
Started by Wojak - Last post by jarry
The 'emptyMsg' will display after loading empty rows. Please make sure if the data is empty after calling the 'reload' method.

 100 
 on: November 09, 2024, 05:07:05 PM 
Started by Wojak - Last post by Wojak
I found a bug using a method from 2015 to reset sorting.
If my emptyMsg is set to anything but "" then it returns it to "".

Code:
$.extend($.fn.datagrid.methods, {
    resetSort: function (jq, param) {
        return jq.each(function () {
            var state = $.data(this, 'datagrid');
            var opts = state.options;
            var dc = state.dc;
            var header = dc.header1.add(dc.header2);
            header.find('div.datagrid-cell').removeClass('datagrid-sort-asc datagrid-sort-desc');
            param = param || {};
            opts.sortName = param.sortName;
            opts.sortOrder = param.sortOrder || 'asc';
            if (opts.sortName) {
                var names = opts.sortName.split(',');
                var orders = opts.sortOrder.split(',');
                for (var i = 0; i < names.length; i++) {
                    var col = $(this).datagrid('getColumnOption', names[i]);
                    header.find('div.' + col.cellClass).addClass('datagrid-sort-' + orders[i]);
                }
            }
            $(this).datagrid('reload');
        })
    }
});

After using this method also the emptyMsg doesn't disappear for datagrid view.

Pages: 1 ... 8 9 [10]
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!