EasyUI Forum
April 18, 2021, 02:11:33 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
  Home Help Search Login Register  
  Show Posts
Pages: [1] 2
1  General Category / General Discussion / Re: Select2 on: February 12, 2021, 05:16:05 AM
See demo here:- http://code.reloado.com/ekivis/11
2  General Category / General Discussion / Re: Select2 on: February 12, 2021, 03:54:13 AM
I believe there is no https://select2.org like function.

I have created something similar, so that when I type the first entry in the selection is highlighted if what I typed was found. Pressing enter selects the highlighted item.  Smiley

Hello,

Is there any component simil to Select2..?

thanks
3  General Category / General Discussion / Re: Datagrid client side filtering is not working on: August 02, 2018, 07:03:20 AM
Try setting:
filterMatchingType: 'any'

There is no need to set
defaultFilterType or defaultFilterOperator
as the defaults are:-
defaultFilterType: 'text' (not 'textbox')
defaultFilterOperator:  'contains'

4  General Category / EasyUI for jQuery / [SOLVED] combobox loader with loading icon on: August 21, 2017, 05:59:14 AM
This code does not work if I make any change properties. IE. the combobox icon.
How can I change the combobox icon with the loader is call?

This solves the problem.  Cheesy
Code:
   
$('.textbox-icon').removeClass('icon-search');
$('.textbox-icon').addClass('icon-loading');
 

Code:
var emailAddresses = function(param, success, error) {
    var q = param.q || '';
    
    if (q.length < 2) {
        return false;
    }

// loader fails if this line is uncommented.    
//    $(this).combobox({iconCls: 'icon-loading'});
    
    $.ajax({
        url: 'emailAddresses.php',
        dataType: 'json',
        data: {
            q: q
        },
        success: function(data){
            var items = $.map(data, function(ename, index){
                return {
                    id: index,
                    name: ename.name,
                    email: ename.email
                };
            });
            success(items);
        },
        error: function(){
            error.apply(this, arguments);
        }
    });

// loader fails if this line is uncommented.        
//    $(this).combobox({iconCls: 'icon-search'});
}


TypeError: _4bf is undefined[Learn More]  jquery.easyui.min.js:6492:5
_4bd http://localhost/phpifm/js/easyUI/jquery.easyui.min.js:6492:5
validate/< http://localhost/phpifm/js/easyUI/jquery.easyui.min.js:6613:1
each http://localhost/phpifm/js/easyUI/jquery.min.js:2:2973
each http://localhost/phpifm/js/easyUI/jquery.min.js:2:833
validate http://localhost/phpifm/js/easyUI/jquery.easyui.min.js:6612:8
$.fn.validatebox http://localhost/phpifm/js/easyUI/jquery.easyui.min.js:6587:8
_4ab/</_4ad.timer< http://localhost/phpifm/js/easyUI/jquery.easyui.min.js:6441:1
GET
XHR
http://localhost/phpifm/emailAddresses.php [HTTP/1.1 200 OK 93ms]

5  General Category / EasyUI for jQuery / Re: messager.progress with Chrome on: July 25, 2017, 09:02:57 AM
This working for me in Firefox and Chrome:-

Code:
    function selectionsExport() {
        if (typeof(EventSource) !== "undefined") {
            $.messager.show({
                title: 'Please waiting',
                msg: 'Generating data...'
            });
           
            $.messager.progress({
                title: 'Please waiting',
                msg: 'Writing data...',
                interval: 0
            });
           
            var es = new EventSource("selectionsExportToCSV.php?selectionID="
                    + selectedRow.IFM_SELECTION_ID);
            es.onmessage = function(e) {
                var result = JSON.parse(e.data);
               
                if (result.errorMsg) {
                    $.messager.alert({
                        title: 'Error',
                        msg: result.errorMsg
                    });
                    result.progress = 100;
                }
               
                $.messager.progress('bar').progressbar('setValue', result.progress);
               
                if (result.progress === 100) {
                    es.close();
                    $.messager.progress('close');

                    if (result.errorMsg === false) {
                        window.location.href = "selectionsExportToCSV.php?selectionID="
                                + selectedRow.IFM_SELECTION_ID + "&action=fetch";
                    }
                }
            };
           
            es.onerror = function(e) {
                es.close();
                $.messager.progress('close');
               
                $.messager.alert({
                    title: 'Error',
                    msg: "Export failed with unknown error!"
                });
            }
        }
        else {
            $.messager.alert({
                title: 'Error',
                msg: "Server sent events, not supported!"
            });
        }
    }

6  General Category / EasyUI for jQuery / Re: Page loads with frame-set? on: August 19, 2016, 03:11:04 AM
Hi!

Strange thing - although I do not use frames my pages load with a frameset.
Checked different browsers - same issue in chrome, edge, firefox...

http://www.loopsystem.info/digo/x/index.php

Any ideas?

Ciao
Digo

Yours real page is here: https://www.selbsthypnoseschule.com/digo/x/index.php
Your address points to s sub-domain.
Your ISP has created the frameset for your sub-domain.
7  General Category / EasyUI for jQuery / Re: How can I keep treegrid's expand state when reload date? on: April 21, 2016, 03:02:37 AM
You will need to save the treegrid options data then restore the data afterwards.

Here is what I use (with a session helper function):
Code:
        dg.datagrid({
            onClickRow: function() {
                // Save current selection and options
                Session.set('dataSelected', $(this).datagrid('getSelected').id);
                Session.set('dataOptions', $(this).datagrid('options'));
                Session.set('restoreData', true);
            }
         });

Restore
Code:
        var opts = Session.get('dataOptions');
        var id = Session.get('dataSelected');
        var restore = Session.get('restoreData');
       
        if (opts && restore) {
            dg.datagrid({
                sortName: opts.sortName,
                sortOrder: opts.sortOrder,
                pageSize: opts.pageSize,
                pageNumber: opts.pageNumber
            });

            dg.datagrid('selectRecord', id);
        }

Get session.js from here: http://blogs.sitepointstatic.com/examples/tech/js-session/index.html

8  General Category / EasyUI for jQuery / Re: autocomplete comboxbox not working with editable=FALSE on: April 15, 2016, 07:04:24 AM
Here is how to validate an editable combobox.

Add a new validatebox rule
Code:
$.extend($.fn.validatebox.defaults.rules, {
    valid: {
        validator: function(value, param){
            var string = JSON.stringify($(param[0]).combobox('getData'));
           
            if (string.toLocaleUpperCase().indexOf('"' + value.toLocaleUpperCase() + '"') > 0) {
                return true;
            }
            else {
                return false;
            }
        },
        message: 'Invalid data.'
    }
});

Apply the new rule to your combobox (can be used with required: true)
Code:
    <input id="cc" class="easyui-combobox" name="dept" validType='valid[cc]' >

Validate onSubmit
Code:
$('#ff').form({
    url:...,
    onSubmit: function(){
        return $(this).form('enableValidation').form('validate');
    },
    success:function(data){
        alert(data)
    }
});

When you submit the form if the data entered in the combobox does not match the select option data the form returns false and the combobox in highlighted in red.  Smiley
9  General Category / General Discussion / Re: Dynamic Progressbar With Ajax on: January 28, 2016, 05:21:31 AM
You should create an event message handler.

See: http://www.w3schools.com/HTML/html5_serversentevents.asp example.

I have used it in my code when I export data to a csv file. Smiley
10  General Category / EasyUI for jQuery / Re: combobox clear on click on: December 09, 2015, 04:07:23 AM
I have found a solution http://jsfiddle.net/zspwbohy/
I just need to modify it the clear the text. Smiley
11  General Category / EasyUI for jQuery / Re: combobox clear on click on: December 09, 2015, 01:03:18 AM
I have a editable combobox, that has a default text value "---Select---".
What I need is, when the combobox is selected (by mouse click or keyboard tab) the default text value is cleared before I entered text or select from the drop down.
12  General Category / EasyUI for jQuery / combobox clear on click on: December 08, 2015, 10:08:03 AM
Hi,

How can I clear the combobox when it is selected (click/tab)?
IE. The current selected text is cleared before a new selection is made.


Thanks,

Lloyd
13  General Category / EasyUI for jQuery / Re: getData results on easyUI Datagrid not including checkbox state on: December 04, 2015, 02:40:50 AM
You can also use:- getChecked

Code:
var checkedRows = $('#TABLE').datagrid('getChecked');
14  General Category / EasyUI for jQuery / Re: getData results on easyUI Datagrid not including checkbox state on: December 03, 2015, 09:48:59 AM
You need to do:-

Code:
// This will return an array of checked rows
var checkedRows = $.data(target, 'datagrid').checkedRows;
15  General Category / EasyUI for jQuery / bufferview pagination on: November 11, 2015, 02:56:28 PM
Because I have had to change my code to use datagrid bufferview due to better performance with bufferview. Checkrows no longer works with bufferview (see code below). If I remove bufferview checkrows works.

How to I fix this?

Code:
        dg.datagrid({
            onCheckAll: function() {
                var allRows = $(this).datagrid('getAllRows');
                var state = $(this).data('datagrid');
               
                state.checkedRows = allRows;
            },
            onUncheckAll: function() {
                var state = $(this).data('datagrid');
                state.checkedRows = [];
            }
        }).datagrid('clientPaging');
Pages: [1] 2
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!