@{
    Layout = "~/Views/Shared/_LayoutMini.cshtml";
}

@section CSS{

    <link href="~/Statics/libs/tabulator/css/tabulator_simple.min.css" rel="stylesheet" />
}

@section JS{

    <script src="~/Statics/libs/tabulator/js/tabulator.min.js"></script>
    <script>
        $(function () {
            var table = new Tabulator("#data-table", {
                autoColumns: true,
                height: ($(window).height() - 300) + 'px',
                ajaxResponse: function (url, params, response) {
                    return response.obj;
                },
            });
            $('#btnLoadData').on('click', function () {
                table.setData("/sysinfo/AjaxGetDataCache?name=" + $('#dataNameSelect').val());
            });
        });
    </script>
}

<div class="card">
    <div class="card-header">
        <select id="dataNameSelect">
            <option value="@(nameof(underlying_manager))">标的数据</option>
            <option value="@(nameof(Variety))">品种数据</option>
            <option value="@(nameof(Client))">客户数据</option>
            <option value="@(nameof(AssetUnit))">簿记账户</option>
            <option value="@(nameof(ExchangeListOption))">场内期权数据</option>
            <option value="@(nameof(Market))">交易所数据</option>
            <option value="@(nameof(ExchangeAccount))">对冲账户数据</option>
            <option value="@(nameof(CorrelationTable))">标的相关性数据</option>
            <option value="@(nameof(StockCommissionConfig))">股票手续费设定数据</option>
        </select>
        <button class="btn btn-primary" id="btnLoadData">获取</button>
    </div>
    <div class="card-body">
        <div id="data-table"></div>
    </div>
</div>