ZK Client-side Reference/Introduction

ZK Client-side Reference is the reference for client-side programming, including component development.

Client-side programming is optional to application developers. However, if you'd like to have more control of the client, please refer to the General Control and Customization sections. The other sections are more for component development.

If you would like to develop a component, you should read ZK Component Development Essentials first for introduction. Then, you could reference this book if there is an issue.

jQuery

ZK framework's Client Engine is based on jQuery, it's already bundled a custom jQuery. So you can use jq or $ as a jQuery object like:

$( "div" ).click(function() {
    //...
});

jq(mySelector).css( "background-color" );

You should consider implementing your client code with the bundled jQuery first. For API details, please refer to jQuery Documentation for details.

Version

To obtain the jQuery version bundled with your ZK version enter jq.fn.jquery into Console tab of a developer tool.

Load Multiple jQuery

If you want to load a different version of jQuery, which is not recommended, you need to avoid 2 versions of jQuery conflicts by noConflict() (Please refer to https://api.jquery.com/jquery.noconflict/)

    <script src="https://code.jquery.com/jquery-2.1.4.min.js" />
    <script>
        var jQuery2 = jQuery.noConflict(true);
        console.log(jq.fn.jquery);
        console.log(jQuery2.fn.jquery);
    </script>

• Line 3: Use a different version (2.1.4) of jQuery with jQuery2