May I integrate jquery in this way?

Webix JS
1

Hi all,
may I integrate jquery in this way or are there bad collateral effects?

http://webix.com/snippet/acb9d7ae

Thanks

2

Hi! It shouldn’t cause any problem when the view stays visible all the time, but if the view is hidden (hidden:true), the above code will not work. So I still recommend using our setValue() method:

http://webix.com/snippet/99a71ac0

3

Yes, it was just a very simple example, but, in my CRUD application, I have trouble to map the SQL_TIME e SQL_TIMESTAMP data types in data-entry forms. So I decided to use my favorite jquery widgets addon for time field element’s form creating custom component. I have extended the search view with triggering the onfocus event to attach the jquery addon:

    webix.protoUI({
        name: "time_entry",
        $cssName: "search",
        defaults: {
            icon: "clock-o",
            width: 200,
            inputid: 0,
            on: {
                onSearchIconClick: function(e) {
                    this.focus();
                },
                onFocus: function(current_view, prev_view) {
                    var __id = this.getNode().getElementsByTagName("input")[0].getAttribute("id");
                    if (this.inputid != __id) {
                        this.inputid = __id;
                        $('#' + __id).timeEntry({
                            showSeconds: true,
                            spinnerImage: ''
                        });
                    }
                }
            }
        }
    }, webix.ui.search);

It works very well, but I discovered that sometimes the node input id of webix view search change

4

Look at the result
http://s33.postimg.org/83prlp3sf/Screen_Shot_06_08_16_at_03_38_PM.png

5

Hello,

“id” of an input can change when a view is re-rendered. You can redefine $renderInput method and set fixed “id”:

http://webix.com/snippet/1fa71016

6

Thank you soooooooooo much, you made my day.

I downloaded the 3.3 version and my web application have a strange behaviour, when I click on the close x on the tabbar for the last opened view in multiview, in the console I see this error when the application reachs

$$(“x_views”).removeView(id);

webix_debug.js:29013 Uncaught TypeError: Cannot read property '$getSize' of undefined and then my application is over.

This is the stack trace:

webix.protoUI.$getSize @ webix_debug.js:29013

webix.protoUI.$getSize @ webix_debug.js:5222

webix.protoUI.$getSize @ webix_debug.js:5495

webix.protoUI.$getSize @ webix_debug.js:5222

webix.protoUI.$getSize @ webix_debug.js:5495

webix.protoUI.resizeChildren @ webix_debug.js:5078

webix.protoUI.resizeChildren @ webix_debug.js:5554

webix.protoUI.resizeChildren @ webix_debug.js:5073

webix.protoUI.resizeChildren @ webix_debug.js:5554

webix.protoUI.resizeChildren @ webix_debug.js:5073

webix.protoUI.removeView @ webix_debug.js:5041

(anonymous function) @ (index):531

webix.EventSystem.callEvent @ webix_debug.js:545

webix.protoUI.removeOption @ webix_debug.js:8701

webix.protoUI.on_click.webix_tab_close @ webix_debug.js:8261

(anonymous function) @ webix_debug.js:7903

webix.EventSystem.callEvent @ webix_debug.js:545

(anonymous function) @ webix_debug.js:1018

my tabbar closing function on line 531 is:

    $$("x_tabbar").attachEvent("onOptionRemove", function(id, value) {
        if (value === -1)
            $$("x_tpl").show();
        $$("x_views").removeView(id);
    });

7

Never mind, I found the problem:

if (value == “”)

instead of

if (value ^== -1)