Hello,

I did also try this, but then, pressing ENTER causes the same thing, firstly, it sends the numeric value to the server and then the text value is sent to the server.

Hello

I am using the combobox in DataGrid Filter Row.

See the code:

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!

Defining the column width fixed the problem.

Thanks for the help!

Hello Jarry and thank you!

If the Window contain datagrid, on minimizing the window and appending its content to the tab causes the shrinking of datagrid columns.

Any way out available?

Thanks

Hello Jarry,

Thank you...

The example you provided works, yes.

But the problem I described emerges in Window, when I resize the window.

It is also shown in my screenshot.

Thanks

Hello
do you plan to solve this bug?

Hello

After multiline textbox, the fields get misaligned on resize.

Please help me

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:

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

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

Hello

Please, let me know how to Print/Download Excel file of the datagrid when serverside paging is enabled?

It only prints/downloads the current page.

Thank you in advance!

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?

Hello

I create the Window using javascript through this code:

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!

Is this code correct then? Thanks

Code:

$('#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
                }); 
  
    }

    
      


});

Here is an example that shows how to build a toolbar on the bottom of the window.

Code:

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

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.