Linq行列转换和list排序

该博客介绍了如何实现VOC监测数据的排序功能。在前端,通过点击事件触发排序,弹出对话框并调用后台接口进行数据排序。在后台,通过控制器处理排序请求,根据指定的排序方式(升序或降序)对VOC数据进行排序。涉及到的数据包括多种VOC监测项,如氯乙烯、乙烯等,并提供了相应的数据模型和排序方法。
摘要由CSDN通过智能技术生成

需求描述:



1.前台页面

   1》//行点击事件_20170217
            onClickRow: function (index, row) {
                OpenData(row.code, row.Monidate);
            }

   2》//VOC排序功能
    function OpenData(Stationcode, Monidate) {//, Monidate
        var dataType = "hour";
        $.each($('.btn-dataType'), function (index, btnItem) {
            if ($(this).hasClass("l-btn-selected")) {
                dataType = $(this).attr("data-code");
                return;
            }
        });
        MapuniDialog.open({
            id: 'AccuracyDetail',//弹窗的id
            title: getName(Stationcode) +"_"+Monidate+ "_Voc监测数据排序",//必填
            url: '@Url.Action("Sort")' + '?Stationcode=' + Stationcode + '&Monidate=' + Monidate + '&dataType=' + dataType, //+ '?dateRange="2016-10-19"&dataType="hour"' + Monidate
            width: 400,
            height: 550,
            data: null,//传入页面中的参数
            position: { left: 100, top: 100 },//显示位置
            lock: true,//是否锁屏
            callback: null//弹窗页面加载完成后的事件,回调方法可获得打开页面的window对象,(如果地图为弹窗打开方式的话使用此方法比较合适,来确定地图加载完成方法)
        });
    }

    3》//根据站点编码获取站点名称
    function getName(Stationcode) {
        var name = "";
        switch (Stationcode) {
            case "500000001":
                name = "科创十四街";
                break;
            case "500000002":
                name = "宾仕国际";
                break;
        }
        return name;
    }

2.弹框--排序页面

   @{
    ViewBag.Title = "Sort";
    Layout = "~/Views/Shared/_LayoutCommJs.cshtml";
}
<style>
    .datagrid-header td {
        background-color: rgb(0, 122, 255);
    }
</style>
<div class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'north',border:true" class="datagrid-toolbar" style="height: 50px; padding-left: 20px; padding-top: 9px; border: none; ">


        <div style="width: 100%; padding-bottom: 5px;">
            <table>
                <tr>
                    <td>
                        排序:&nbsp;&nbsp;&nbsp;&nbsp;
                        <select id="sort" class="easyui-combobox" data-options="width:130">
                            <option value="asc" selected>升序</option>
                            <option value="desc">降序</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>


    </div>
    <div data-options="region:'center',border:false" style="overflow-y: auto;">
        <div class="easyui-panel" data-options="height:430,border:false" style="width:200px;">


            <table id="dt_dayw" data-options="rownumbers:true,width:200">
                <thead>
                    <tr>
                        <th id="Name" data-options="field:'name',width:100,align:'center'" style="background-color:red">监测项</th>
                        <th data-options="field:'value',width:100,sortable:'true'">浓度<br/>(ug/m³)</th>
                    </tr>
                </thead>


            </table>
        </div>
    </div>
</div>
<script>
    $(function () {
        debugger;
        loadtable("asc");
        $('#sort').combobox({

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值