EasyUI Forum
May 02, 2026, 06:31:00 AM *
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] 2 3 ... 10
 1 
 on: April 07, 2026, 11:04:58 AM 
Started by harunrv - Last post by harunrv
please enable zoneless change detection

 2 
 on: March 11, 2026, 02:22:53 PM 
Started by Coder - Last post by Coder
GD EasyUI team!

I’ve been noticing some frequent "Error 500" issues and connectivity lags on the site lately. I’d like to suggest considering Cloudflare (https://cloudflare.com) as a potential solution. Perhaps you’ve already looked into this option, but I thought it was worth recommending anyway because it’s very practical.

Even with their Basic Free tier, you get great features right "out of the box" that could really help:

  • DDoS Protection & Traffic Filtering: It automatically mitigates attacks and filters out malicious bots. This ensures your server resources are only spent on "useful" requests from real users.
  • Static Content Caching: You can cache all your CSS, JS, and images on their global network. This means your origin server won’t have to process these "useless" repetitive requests — it will only need to handle the dynamic part of the site.
  • Significant Load Reduction: By offloading the static traffic, you’ll drastically lower the load on your backend, which should eliminate those 500 errors and keep the site responsive.

Many use this to keep their sites and resources accessible and avoid issues with bad traffic.

Thanks for all your hard work on the framework!

Best regards

 3 
 on: March 08, 2026, 07:03:22 AM 
Started by jega - Last post by jega
Hi

I would like to see 3 things in the editor

HTML Edit (for profs)
Image Edit
Link edit

Now we can add both image and link, but have no posibility to edit, only delete and add again. The HTML edit could handle it, but not all users of a site knows html.


Jesper

 4 
 on: February 26, 2026, 08:53:47 AM 
Started by andyj - Last post by Coder
26 Feb 2026 index and documentation and forum (main):

Service Unavailable
The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.

Additionally, a 503 Service Unavailable error was encountered while trying to use an ErrorDocument to handle the request.

============

work only this topic via googel search

 5 
 on: February 25, 2026, 12:08:04 AM 
Started by jega - Last post by jarry
Please refer to this example.
Code:
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Panel - 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>
	<style>
		.c1{
			margin-bottom: 20px;
		}
	</style>
	<script>
		$(function(){
			const panels = $('.c1').find('.panel-body');
			panels.each(function(){
				$.extend($(this).panel('options'),{
					onCollapse: ()=>{
						panels.panel('resize')
					},
					onExpand: ()=>{
						panels.panel('resize')
					}
				});
			})
			panels.panel('resize')
		})
	</script>
</head>

<body>
	<div class="easyui-panel" title="Panel1" style="width:100%;height:200px;padding:10px;"
		data-options="collapsible:true,collapsed:true,cls:'c1'">
	</div>
	<div class="easyui-panel" title="Panel2" style="width:100%;height:200px;padding:10px;"
		data-options="collapsible:true,collapsed:true,cls:'c1'">
	</div>
	<div class="easyui-panel" title="Panel3" style="width:100%;height:200px;padding:10px;"
		data-options="collapsible:true,collapsed:true,cls:'c1'">
	</div>

</body>

</html>

 6 
 on: February 10, 2026, 03:05:14 PM 
Started by jega - Last post by jega
any help, because it looks ugly ;-)

 7 
 on: February 10, 2026, 03:03:39 PM 
Started by jega - Last post by jega
Works fine

Is there other things that i miss in not using easyloader.js ??

 8 
 on: January 26, 2026, 11:55:00 PM 
Started by jega - Last post by jarry
Please try the 'loadLocale' function definition.

Code:
function loadLocale(countryCode) {
	const url = 'https://www.jeasyui.com/easyui/locale/easyui-lang-' + countryCode + '.js';
	$.getScript(url, () => {
		$('.pagination').each(function () {
			var opts = $(this).pagination('options');
			opts.beforePageText = $.fn.pagination.defaults.beforePageText;
			opts.afterPageText = $.fn.pagination.defaults.afterPageText;
			opts.displayMsg = $.fn.pagination.defaults.displayMsg;
			$(this).pagination();
		});
		$('.datagrid-f').each(function () {
			var opts = $(this).datagrid('options');
			opts.loadMsg = $.fn.datagrid.defaults.loadMsg;
		})
	})
}

 9 
 on: January 19, 2026, 04:19:34 AM 
Started by jega - Last post by jega
Hi

Have an combobox with locale and a datagrid

      <input id="countryCode" name="countryCode" class="easyui-combobox" style="width:200px" data-options="
          valueField: 'countryCode',
          textField: 'countryName',
          editable: false,
          data:[
             {'countryName':'Danish','countryCode':'da'},
             {'countryName':'English','countryCode':'en'}
          ],
          onClick: function(rec){
             loadLocale(rec.countryCode);
          }">


How can i set the language in loadLocale function

Have tried a lot of things, but with no luck.

When i load <script src="easyui/easyloader.js"></script> and use easyloader.locale = 'da' in the document ready, it works, but not in loadLocale.

However, if i load easyloader.js then the datagrid on the site is now without filter. Just remove the script tag then filter is back.


Any help

 10 
 on: January 11, 2026, 09:02:12 AM 
Started by jega - Last post by jega
Solution.

Columns: from db (added opacity)

    {
        "field": "number",
        "styler": "columnColorStyler('ffcccc','0.5')",
        "title": "Number 1"
    },
    {
        "field": "number",
        "styler": "colColor",
        "styler": "columnColorStyler('c1ffc1','0.5')",
        "title": "Number 2"
    }


Then these 2 functions.

   function columnColorStyler(color,colorOpacity){
      return function(value){
            return 'background-color:'+hexToRGBA(color, colorOpacity)
      }
   }

   function hexToRGBA(hex, opacity) {
       return 'rgba(' + (hex).match(new RegExp('(.{' + hex.length/3 + '})', 'g')).map(function(l) { return parseInt(hex.length%2 ? l+l : l, 16) }).concat(isFinite(opacity) ? opacity : 1).join(',') + ')';
   }


With this, save an hex color and opacity to db for each column data

If you don't want opacity, use this only

   function columnColorStyler(color){
      return function(value){
            return 'background-color:'+color)
      }
   }

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