Hello,

We would appreciate any suggestion.

Thank you

Dear Team,

We have below observations regarding easyui control images impacts overall page performance. Please refer the screen shots attached and browse the link

Link : http://code.reloado.com/oruzes4/edit#preview

1. Used 2 comboboxes on page. However, the combo_arrow.png is loaded many times.
2. Those images starts loading at the end after loading all files js, css, api's and has more wait time to load

The page load takes more time. It will be great if you could suggest.

Best Regards,

Keja

Jarry,

I am sharing you the sample project. We have created two pages having the same controls rendered. Please find below two links

1.http://code.reloado.com/oleweh4 (html5/bootstrap)
2.http://code.reloado.com/oruzes4/edit#html (Easyui)

We have observed that there is a loading delay in easyui page than html5/bootsratp. The comboarrow.png or datebox_arrow.png takes too much time and it stops loading other content parallelly. What could be the reasons?

If you check the chrome network tab, it shows the delay in loading the content. It would be really appreciable if you could help us to solve this problem.

Thank you.

Best Regards,

Keja

I would appreciate if you could at least suggest something on this.

Thanks

Hi,

We are using EasyUI for jQuery 1.9.3 in our asp.net/jquery application. We have created 8 user controls containing easyui controls and referred on a page. We have used easyui form contorls like textbox, combobox, datebox, switchutton, numberbox etc. on every user controls. On the same page, we have used 8 empty JQGrid's to display the records which are saved using user controls. If we browse this page, it takes 4 sec to load the page.

To analyze the problem, we removed the jqgrid binding code, still, it takes the same time. Attached are the files for your reference. However, if we comment on the jquery.easyui.min.js files reference on a page, it appears less than a second.

We have below file references on the page

Code:

<script type='text/javascript' src='../vendors/jquery/jquery.js'></script>
    <script type='text/javascript' src='../vendors/easyui/js/jquery.easyui.min.js'></script>
    <script type='text/javascript' src="../assets/js/et.easyui.js"></script>

    <script type='text/javascript' src='../vendors/jqgrid/jquery.jqGrid.min.js'></script>
    <script type='text/javascript' src='../vendors/jqgrid/grid.locale-en.js'></script>
    <script type='text/javascript' src="../assets/js/et.jqgrid.js"></script>
       
    <script type='text/javascript' src='../vendors/bootstrap/bootstrap.js'></script>
    <script type='text/javascript' src='../vendors/validator/validator.min.js'></script>

    <script type='text/javascript' src='../vendors/formvalues/form2js.js'></script>
    <script type='text/javascript' src='../vendors/formvalues/js2form.js'></script>
    <script type='text/javascript' src="../assets/js/et.utils.js"></script>

It would be great if you could help us to suggest how to cater to this issue.

Thanks

Hi,

I have a number box textbox. However, how not to allow the user to type "-" sign in the number box. I tried setting "min=0", it changes the entered value to 0.

Thanks,

Kiran

Hi,

How can we achieve load-on-demand or virtual scrolling in easyui combobox? It will be great if you could provide us with an example.

Thanks,

Kiran

Thanks, Jega. The HTML is correct. It works fine at my end

The function provided by Jarry works perfectly with the same HTML. However, this function takes care only 2 levels of property binding.

I cherish your help, Jarry.

It works for 2 level object hierarchy. It does not work for 3 level object.
And in our application, it could be an object with n level

Thanks,

Kiran

Thanks, Jarry for your information.

I get this JSON from API. Unfortunately, we cannot modify the JSON received from API everytime.

It will be good if there any alternative to achieve this. We expect to work similarly form2js.js/js2form.js

Dear Team,

The address.address1 does not bind the value to textbox.

The html is
<input class="easyui-textbox" id="txtaddress1" name="address.address1" style="width: 100%" data-options="label:'Address 1:'" />

Setting values from json
$('#testForm').form('load', data); here, data is below object.

The json is

    {
                    "firstname":"Leo",
                    "address":{
                                "address1":"13, Boardwalk",
                                "address2":"Street 27"
                              },
                    "city":"Bangalore",
                    "state":"BA",
                    "gender":"Male",
                    "color":["Red","Blue"],
                    "favorite":{
                                "food":[null,null,"chicken",null],
                                "favoritenumber":"3"
                               },
                     "personalinfo":{
                                "Emails":["mail1@example.com","mail2@example.com","mail3@example.com"]
                                },
                    "isactive":true
                }