protected function onReadyHook()
    {
        parent::onReadyHook();
        ?>
        <script>
            (function ($) {
                $(document).ready(function () {
                    //MYAPP.setObj(<?php 
        echo $this->obj_json;
        ?>
);//may not compatible with cache
                    MYAPP.ajax_loader = new ajaxLoader("#cardForm");
                    $.get(MYAPP.data_port)
                        .done(function (data) {
                            console.log(data);
                            MYAPP.setObj(data.rows[0]);
                        })
                        .fail(function (data) {
                            console.log(data);
                        })
                        .always(function () {
                            MYAPP.ajax_loader.remove();
                        });
                    $("#qdnew").hide();
                    $("#qdclone").hide();
                    $("#qddelete").hide();
                    //$("#qdnote").hide();
                    //$("#qdimage").hide();
                });
            })(jQuery);
        </script>
    <?php 
    }
    protected function Bars()
    {
        parent::Bars();
        ?>
        <div>
            <div style='margin-top: 2px;'>
                <div style='margin-left: 4px; float: left;'>
                    Navigator
                </div>
            </div>
        </div>
        <div>
            <div style="height: 450px; width: 100%">
                <!-- Content Place Holder 2 -->
                <iframe id="list" src="<?php 
        echo $this->getPageListURL();
        ?>
"
                        width="100%" height="99%" scrolling="no" frameborder="0">
                    <p>Your browser does not support iframes</p>
                </iframe>
                <!-- ENd Content Place Holder 2 -->
            </div>
        </div>
    <?php 
    }