EasyUI Forum
March 11, 2026, 06:19:20 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: 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

 2 
 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

 3 
 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>

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

 5 
 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 ??

 6 
 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;
		})
	})
}

 7 
 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

 8 
 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)
      }
   }

 9 
 on: January 10, 2026, 02:53:47 AM 
Started by jega - Last post by jega
Hi.

Have problems finding a solution on this.

Populating datagrid with columns from database. The columns has individual colors depending on the type.

ajax call:
           success: function(data){
            data.forEach(col => {
               if (col.styler){
                  col.styler = eval(col.styler)
               }
            });
            $('#dgList').datagrid({
               columns:[data],
               title: data.titleName
            })
           }

Columns:

    {
        "field": "number",
        "align": "center",
        "styler": "colColor",
        "colorValue": "#ffcccc",
        "title": "Number 1",
        "formatter": "formatTooltip"
    },
    {
        "field": "number",
        "align": "center",
        "styler": "colColor",
        "colorValue": "#c1ffc1",
        "title": "Number 2",
        "formatter": "formatTooltip"
    }

But how to cell style the column based on this individual color

 10 
 on: January 03, 2026, 04:16:02 PM 
Started by jega - Last post by jega
Found solution

var item = $('#menu_setup').menu('findItem', {id:'objID'});
$('#menu_setup').menu('setText', {
   target: item.target,
   text: 'New Text'
})

Or if you want så search by name

var item = $('#menu_setup').menu('findItem', {name:'xxx'});

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!