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
| Home | Help | Search | Login | Register |
|
1
on: February 26, 2026, 08:53:47 AM
|
||
| Started by andyj - Last post by Coder | ||
|
2
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> |
||
|
3
on: February 10, 2026, 03:05:14 PM
|
||
| Started by jega - Last post by jega | ||
|
any help, because it looks ugly ;-)
|
||
|
4
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 ?? |
||
|
5
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; }) }) } |
||
|
6
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 |
||
|
7
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) } } |
||
|
8
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 |
||
|
9
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'}); |
||
|
10
on: January 03, 2026, 06:43:07 AM
|
||
| Started by jega - Last post by jega | ||
|
Looking for a way to change the text dynamicaly
<div id="menu_setup" class="easyui-menu"> <div id="upload" data-options="iconCls:'icon-upload'"> <span>(1) Upload</span> <div> <div id="objID" data-options="iconCls:'icon-imageupload'">TEXT TO CHANGE</div> </div> </div> </div> Tried $('#objID').html('Changed text') and $('#objID').text('Changed text') whiuch both change the text but now there is no icon class and text starts from icon place. See attachement Happy New Year Jesper |
||
