LON101W.lview

<?xml version="1.0" encoding="UTF-8"?>

<!--
    $Author: huangtianyang
    $Date: 2018/6/29 上午10:30
    $Revision: 1.0 
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure/>
    <a:view template="default" package="leaf.ui.std">
        <script src="${/request/@context_path}/javascripts/hls-all.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/hlsDataSource.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/hapGrid.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/jquery.mloading.js" type="text/javascript"/>


        <script src="${/request/@context_path}/javascripts/hls-component.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/hls-component-grid.js" type="text/javascript"/>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/bootstrap.min.js" type="text/javascript"></script>

        <link href="${/request/@context_path}/css/hls-component.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/css/jquery.mloading.css" type="text/css"/>
        <link href="${/request/@context_path}/css/jquery.mloading.css" type="text/css"/>
        <link href="${/request/@context_path}/lib/kendoui/styles/kendo.bootstrap.min.css" rel="stylesheet"
              type="text/css"/>

        <a:link id="101w_hls_bp_master_funds_lv_query" model="lon.lon100w.hls_bp_master_funds_lv" modelaction="query"/>

        <div></div>
        <style>
            html, body {
                width: 270px;
                height: 280px;
                padding: 0;
            }

            .hls-pagging-grid .grid-foot .page-btn {
                margin: 0 50px !important;
            }
        </style>
        <script type="text/javascript"><![CDATA[
        function collectDetail(rowdata, rowIndex) {
            return "<span style='display:inline-block;width:160px;color:#00B3B3;cursor:pointer;white-space:nowrap' onclick='lon100wSelectFunciton(\"" + rowdata.bp_name + "\")'>" + rowdata.bp_name + "</span>";
        }

        ]]></script>


        <div class="hls-pagging-grid" style="width:270px;height:280px;margin-top:0">
            <div id="lon101w-title" class="grid-title global-font-size13"
                 style="border-bottom:initial;border-top:5px solid rgb(0,179,179);border-top-left-radius:5px;border-top-right-radius:5px;background:rgb(247,247,247)">

                <span style="padding-left:8px;">机构列表</span>


            </div>
            <div id="lon101w" class="grid-body">
            </div>
            <div class="grid-foot" id="lon101w_grid_foot">
                <div class="page-btn" style="width: 100px">
                    <img id="lon101w_foot_btn_prev" class="page-img-prev"
                         src="${/request/@context_path}/images/lon/last.png"/>
                    <span id="lon101w_foot_page_count" class="page-count"></span>
                    <img id="lon101w_foot_btn_next" class="page-img-next"
                         src="${/request/@context_path}/images/lon/next.png"/>
                </div>
                <span class="page-message" id="lon101w_foot_page_message"></span>
            </div>
        </div>
        <div style="clear:both;"></div>
        <script type="text/javascript"><![CDATA[

        var rollTableDataSource = new hlsDataSource();
        rollTableDataSource.setting({
            "pageSize": "3",
            "page": "1",
            "autoFetch": "true",
            "transport": {
                "read": {
                    "contentType": "application/json; charset=utf-8",
                    "type": "GET",
                    "url": $('101w_hls_bp_master_funds_lv_query').getUrl()
                }
            }
        });

        rollTableDataSource.read();

        rollTableDataSource.fetch(function (datas) {
            lon101w = new HlsRollTable();
            var options = {
                "pageSize": "3",
                "titleStyle": "border-bottom:initial;border-top:5px solid rgb(0,179,179);border-top-left-radius:5px;border-top-right-radius:5px;background:rgb(247,247,247)",
                "id": "favouriteTable",
                "filterable": true,
                "columns": [
                    {
                        "field": "bp_name",
                        "template": collectDetail,
                        "title": "授信机构名称",
                        "filterable": true
                    },
                    {
                        "field": "credit_cate",
                        "title": "类型",
                        "filterable": true
                    }],
                "title": "收藏夹"
            };
            options.hlsDataSource = datas;
            lon101w.dataSource = this;
            options.dataSource = this;
            options.gridSelector = "#lon101w";
            options.pageControlSelector = "#lon101w_grid_foot";
            options.nextImgEnablePath = "${/request/@context_path}/images/lon/next.png";
            options.prevImgEnablePath = "${/request/@context_path}/images/lon/lastCan.png";
            options.nextImgUnenablePath = "${/request/@context_path}/images/lon/nextNot.png";
            options.prevImgUnenablePath = "${/request/@context_path}/images/lon/last.png";
            lon101w._init(options);
        });


        ]]></script>
        <a:screenBody style="display:none;">

        </a:screenBody>

    </a:view>
</a:screen>