@{
    ViewBag.Title = "交易波动率";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
}

@section JS{

    <script type="text/javascript">
        $(function () {
            var PostData = {};
            var grid = jQuery('#listGrid').jqGrid({
                url: '/trade_volatility/trade_volatilityQuery',
                datatype: 'json',
                height: 'auto',
                width: '96%',
                autowidth: false,
                shrinkToFit: false,
                viewrecords: true,
                jsonReader: { repeatitems: false },
                caption: '',
                mtype: 'POST',
                postData: PostData,
                afterInsertRow: AfterInsertRow,
                onSelectRow: rowclick,
                ondblClickRow: rowdblclick,
                colModel: colModelGrid,
                pager: jQuery('#pagerGrid'),
                pagerpos: 'left',
                rowNum: 20,
                rowList: [20, 30, 50, 200, 10000],
                footerrow: false,
                loadComplete: gridComplete,
                onPaging: onJqgridPaging,
                grouping: true,
                footerrow: false,
                cmTemplate: {
                    align: 'center', sortable: false
                }
            });

            document.onkeydown = function (event) {
                event && event.keyCode == 13 && SearchClick(true);
            };
        });

        var colModelGrid = [{
            name: 'id', label: 'id', index: 'id', width: 1, align: 'left', hidden: true
        }, {
            name: 'EncryptId', label: 'EncryptId', index: 'EncryptId', width: 0, align: 'left', hidden: true
        }, {
            name: 'TradeNumber', label: '交易编号', index: 'TradeNumber', width: 200, align: 'left'
        }, {
            name: 'ValueDate', label: '更新日期', index: 'ValueDate', width: 150, align: 'left', formatter: 'date'
        }, {
            name: 'TradePositionVolatility', label: '持仓波动率', index: 'TradePositionVolatility', width: 100, align: 'left', formatter: 'number'
        }, {
            name: 'TradeCloseVolatility', label: '目标波动率', index: 'TradeCloseVolatility', width: 100, align: 'left', formatter: 'number'
        }, {
            name: 'NumOfSmoothingDays', label: '平滑天数', index: 'NumOfSmoothingDays', width: 100, align: 'left'
        }, {
            name: 'OptName', label: '操作人姓名', index: 'OptName', width: 150, align: 'left'
        }, {
            name: 'OptDate', label: '操作时间', index: 'OptDate', width: 150, align: 'left', formatter: 'date'
        }];

        function SearchClick(isSearchclick) {
            var listGrid = $('#listGrid');
            listGrid.appendPostData({ TradeNumber: $("#TradeNumber").val() });
            if (isSearchclick === true) {
                listGrid.jqGrid('setGridParam', { page: 1 });
            }
            listGrid.trigger('reloadGrid');
        }
    </script>
}

<div class="searchdiv">
    <div class="search-group">
        <span class="search-label">交易编号:</span>
        <input class="search-input" id="TradeNumber" name="TradeNumber" type="text" autocomplete="off">
    </div>
    <button class="btn btn-primary" onclick="SearchClick(true)"><span class="glyphicon glyphicon-search"></span> 查询</button>
</div>

@Html.Raw(JqGridSimple.OutTable())