Show Posts
|
Pages: 1 2 3 [4] 5
|
47
|
General Category / EasyUI for jQuery / DataGrid Filter Row Needs Fix
|
on: April 12, 2022, 12:46:04 PM
|
Hello I am using the combobox in DataGrid Filter Row. See the code: { field: 'type', type: 'combobox', limitToList: true, options: { panelHeight: 'auto', data: [{ value: '0', text: '-' }, { value: '1', text: 'შეკვეთა' }, { value: '2', text: 'ჯარიმა' }, { value: '3', text: 'ხელფასი' }, { value: '4', text: 'ბონუსი' }, { value: '5', text: 'კორექცია' }], valueField: 'value', textField: 'text', onChange: function(newValue, oldValue){ if (newValue == '') { dg.datagrid('removeFilterRule', 'type'); } else { dg.datagrid('addFilterRule', { field: 'type', op: 'equal', value: newValue }); } dg.datagrid('doFilter'); } } }, When I use keyboards to navigate through combobox items with keyboard to select an item, the DataGrid Filter sends double request to the server, firstly the value of the item and then the text of the item. What can I do to fix this? I think, the request to the server should only be made when either an item is selected from the combobox or when the typed text matches one of the items' text from the combobox. Thank you in advance!
|
|
|
53
|
General Category / EasyUI for jQuery / Possible High Load to Browser?
|
on: March 13, 2022, 09:54:33 AM
|
Hello As I have noticed, creating a new window programmatically, appends the Panel to Body each time the window is created. Besides, comboboxes and other functionalities are also appended to the the Body, thus storing a huge amount of code in browser console. I am wondering whether it can affect the speed of the ajax-based website if the user doesn't refresh the page but loads new content dynamically over and over again? For example this code: var win = $('<div id="CreateUserWindow"></div>').appendTo('body');
win.window({ title: 'საოპერატორო: მომხმარებლის შექმნა', width: '80%', height: 600, modal: true, resizable: true, closeAnimation: 'hide', minimize: 'animate', collapsible: false, href: false, bodyCls: 'f-column', onMinimize: function() {
if (tabPanel.tabs('exists', WindowMinimizeTitle)) { tabPanel.tabs('select', WindowMinimizeTitle); return false; }
tabPanel.tabs('add', { id: WindowMinimizeId, title: WindowMinimizeTitle, content: '<div id="tabs-window-' + WindowMinimizeId + '" style="position:relative;width:100%;height:100%;overflow:auto"></div>', fit: true, closable: true }); $('#WindowFooter').contents().appendTo(f); f.appendTo('#tabs-window-' + WindowMinimizeId + '');
} });
Each time I create the window using this method, old windows still remain in the console and new windows are added. Is it ok? How can I remove the appended code from Body once I close the Window, for example? Is it ok to leave it appended to the Body? Thank you in advance
|
|
|
54
|
General Category / EasyUI for jQuery / PropertyGrid Close Button Misaligned
|
on: March 07, 2022, 10:49:30 AM
|
Hello I am using the PropertyGrid. It seems that the close button gets misaligned on open. After moving to next tab and coming back to the tab where the property grid is located, the alignment gets fixed. What could be the reason? Please, have a look at the attached screenshot below. Thank you in advance
|
|
|
56
|
General Category / EasyUI for jQuery / SwitchButton Reset Problem
|
on: February 19, 2022, 08:12:53 AM
|
Hello
I am using the SwitchButton with onchange function that sends ajax request to server. If server returns error, then I reset the switchbutton. Unfortunately, resetting the switchbutton resends the ajax request from onchange function.
What can I do to prevent reset function from resending the ajax request?
|
|
|
57
|
General Category / EasyUI for jQuery / Programmatically Construct Form within Window
|
on: February 18, 2022, 07:39:00 AM
|
Hello I create the Window using javascript through this code: $('#win').window({ width:600, height:400, modal:true }); Now I need to create the form inside this window content. But I don't want to load the html form using ajax call from server. Is there any way to programmatically create the form with its fields and submit function and append that to the window content? Thank you very much in advance!
|
|
|
58
|
General Category / EasyUI for jQuery / Re: Create Tab ContextMenu Programmatically
|
on: February 18, 2022, 06:20:03 AM
|
Is this code correct then? Thanks $('#wu-tabs').tabs({
onContextMenu: function(e, title,index) { e.preventDefault(); var target = this; var opts = $(target).tabs('options'); if (!opts.cmenu){ opts.cmenu = $('<div></div>').appendTo('body'); opts.cmenu.menu(); opts.cmenu.menu('appendItem', {id:'closeThis',text:'დახურვა'}); opts.cmenu.menu('appendItem', {id:'closeAll',text:'ყველას დახურვა'}); }
if ($(target).tabs('getTab', index).panel('options').closable == false) {opts.cmenu.menu('disableItem', $('#closeThis')[0]);} else {opts.cmenu.menu('enableItem', $('#closeThis')[0]);} if ($(target).find(".tabs-closable").length == 0) {opts.cmenu.menu('disableItem', $('#closeAll')[0]);} else {opts.cmenu.menu('enableItem', $('#closeAll')[0]);} opts.cmenu.menu({ onClick:function(item){ if (item.id=='closeAll') { var count = $(target).tabs('tabs').length; for(var i=count-1; i>=0; i--){ if ($(target).tabs('getTab', i).panel('options').closable==true) {$(target).tabs('close',i);} } } if (item.id=='closeThis') { if ($(target).tabs('getTab', index).panel('options').closable==true) {$(target).tabs('close',index);} } } }); opts.cmenu.menu('show', { left: e.pageX, top: e.pageY }); }
});
|
|
|
59
|
General Category / EasyUI for jQuery / Re: Buttons in Window Footer Similar to Dialog Buttons
|
on: February 18, 2022, 12:52:13 AM
|
Here is an example that shows how to build a toolbar on the bottom of the window. <div class="easyui-window f-column" style="width:400px;height:200px;"> <div class="f-full f-column" style="overflow:hidden"> <div style="overflow:auto;position:absolute;width:100%;height:100%"> <p>Window content.</p> <p>Window content.</p> <p>Window content.</p> <p>Window content.</p> <p>Window content.</p> <p>Window content.</p> </div> </div> <div style="padding:5px 10px;text-align:center;background:#efefef;"> <a href="javascript:;" class="easyui-linkbutton">Submit</a> </div> </div>
Thanks. But what if I create the window programmatically not through html code?
|
|
|
60
|
General Category / EasyUI for jQuery / Create Tab ContextMenu Programmatically
|
on: February 17, 2022, 09:57:58 AM
|
Hello
Is it possible to create the tabs contextmenu without any html code? I don't understand... I just want to create the contextmenu items programmatically.
Is it always required to specify the div id? ( $('#menu').menu ... ), cannot I create the menu without the div element?
Any help will be much appreciated.
|
|
|
|