javascript - JqGrid 对 searchBox 中的元素重新排序？-6ren

javascript - JqGrid 对 searchBox 中的元素重新排序？

转载作者：行者123 更新时间：2023-11-28 09:33:06

我是 jqGrid 的新手，想知道一种对搜索框中下拉菜单中的各种元素重新排序的方法。

我观察到，默认情况下，在搜索框中，我们根据网格 colModel 中的显示顺序获取列名称。但我希望特定的列位于搜索框对话框的顶部。例如，在我的 jqGrid 中有 3 列

ID | EMPLOYEENAME | EMPID

在上面的情况下，假设所有三个字段都是可搜索的，我得到的搜索框填充了

ID
EMPLOYENAME
EMPID

顺序相同。但我希望 EMPID 位于 searchBox 的顶部。

请指教

最佳答案

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/free-jqgrid/4.12.1/css/ui.jqgrid.min.css" />
    <script src="https://cdn.jsdelivr.net/free-jqgrid/4.12.1/js/jquery.jqgrid.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript">

    function setCookie(cname, cvalue, exdays)
    {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toGMTString();
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }
    function getCookie(cname)
    {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++)
        {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1);
            if (c.indexOf(name) == 0)
            {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }
    var delete_cookie = function (name)
    {
        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    };

</script>
    <script type="text/javascript">

        $(document).ready(function () {
            DisplayGrid();  
        });

        function DisplayGrid()
        {
            $.ajax({
                type: "POSt",
                url: "Demo_12.aspx/Display",
                data: "{}",
                datatype: "json",
                contentType: "application/json; charset=utf-8",
                success: function OnSuccess(data) {
                    debugger
                    var dadads = data.d;
                    $("#grid").jqGrid({

                        colModel: [
                            { name: "C_Code", hidden: true },
                            { name: "C_Name", index: 'C_Name', width: 122 },
                            { name: "C_S_Name", index: 'C_S_Name', width: 122 },
                            { name: "C_RapNet", index: 'C_RapNet', width: 100 },
                            { name: "FancyCol", index: 'FancyCol', width: 100 },
                            { name: "FancyColInten", index: 'FancyColInten', width: 120 },
                            { name: "FancyColOverTone", index: 'FancyColOverTone', width: 120 },
                            { name: "ARGCol", index: 'ARGCol', width: 150 },
                            { name: "ARGColInten", index: 'ARGColInten', width: 120 },
                            { name: "C_GIA_Name", index: 'C_GIA_Name', width: 90 },
                            { name: "Ord", index: 'Ord', width: 90 },
                            {
                                name: "Action", width: 115, formatter: function (cellvalue, options, rowObject) {
                                    return '<a href="javascript:void(0)" class="" id="editbtn" ><i class="entypo-pencil"></i></a>';
                                }
                            },
                        ],
                        onSelectAll: function (aRowids, isSelected) {
                            var myGrid = $('#grid');
                            var coockiVal = getCookie("selectedcode_color");
                            var coockiVal_count = getCookie("selectedcount_color_color");
                            var noofcount = 0;

                            if (coockiVal == null || coockiVal == '') {
                                coockiVal = ',';
                            }

                            if (coockiVal_count == null || coockiVal_count == '') {
                                coockiVal_count = '0';
                            }

                            var noofcount = parseInt(coockiVal_count);

                            for (i = 0, count = aRowids.length; i < count; i++) {
                                var celValue = myGrid.jqGrid('getCell', aRowids[i], 'C_Code');
                                if (isSelected == true) {
                                    var n = coockiVal.indexOf(',' + celValue + ',');
                                    if (n == -1) {
                                        coockiVal = coockiVal + ',' + celValue + ',';
                                        noofcount = parseInt(noofcount) + 1;
                                    }
                                }
                                else {
                                    var n = coockiVal.indexOf(',' + celValue + ',');
                                    if (n != -1) {
                                        coockiVal = coockiVal.split(',' + celValue + ',').join("");
                                        noofcount = parseInt(noofcount) - 1;
                                    }
                                }
                            }

                            setCookie("selectedcode_color", coockiVal, 30);
                            setCookie("selectedcount_color", noofcount, 30);
                            var elems = document.getElementById('noofCount');
                            elems.value = noofcount;

                        },
                        serializeGridData: function (postData) {
                            postData.filters = JSON.stringify({

                            });
                            return JSON.stringify(postData);
                        },
                        jsonReader: { root: "d.rows", page: "d.page", total: "d.total", records: "d.records" },
                        onInitGrid: function () {
                            $("<div style='display:none;' id='no-record'>No Record(s) Found</div>").insertAfter($(this).parent());
                        },

                        beforeSelectRow: function (rowid, e) {
                            debugger
                            //return $(e.target).is('input[type=checkbox]');
                            var $self = $(this),
                                iCol = $.jgrid.getCellIndex($(e.target).closest("td")[0]),
                                cm = $self.jqGrid("getGridParam", "colModel"),
                                localData = $self.jqGrid("getLocalRow", rowid);
                            if (cm[iCol].name === "cb" && e.target.tagName.toUpperCase() === "INPUT") {
                                var coockiVal = getCookie("selectedcode_color");
                                var coockiVal_count = getCookie("selectedcount_color");

                                if (coockiVal == null || coockiVal == '') {
                                    coockiVal = ',';
                                }

                                if (coockiVal_count == null || coockiVal_count == '') {
                                    coockiVal_count = '0';
                                }

                                debugger
                                var myGrid = $('#grid');
                                var result1 = $(e.target).is(":checked");
                                if (result1 == true) {
                                    var celValue = myGrid.jqGrid('getCell', rowid, 'C_Code');

                                    coockiVal = coockiVal + ',' + celValue + ',';
                                    coockiVal_count = parseInt(coockiVal_count) + 1;
                                    setCookie("selectedcode_color", coockiVal, 30);
                                    setCookie("selectedcount_color", coockiVal_count, 30);

                                }
                                else {
                                    var celValue = myGrid.jqGrid('getCell', rowid, 'C_Code');
                                    coockiVal = coockiVal.split(',' + celValue + ',').join("");
                                    coockiVal_count = parseInt(coockiVal_count) - 1;

                                    setCookie("selectedcode_color", coockiVal, 30);
                                    setCookie("selectedcount_color", coockiVal_count, 30);
                                }

                                var elems = document.getElementById('noofCount');
                                elems.value = coockiVal_count;

                            }
                            return $(e.target).is('input[type=checkbox]');
                            return true; // allow selection
                        },
                        recordpos: 'left', cmTemplate: { sortable: false, title: false },
                        data: dadads,
                        ignoreCase: true,
                        rowNum: 10,
                        rowList: [10, 50, 100, 150],
                        pager: $('#pagingGrid'),
                        viewrecords: true,
                        height: "auto",
                        shrinkToFit: false,
                        autowidth: false,
                        fixed: true,
                        multiselect: true,
                        sortname: "invdate",
                        sortorder: "desc",
                        rowNum: 10,

                    }).jqGrid("filterToolbar");

                },
                Error: function OnError(data) {

                }
            });
        }





    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
            <table id="grid"></table>
            <div id="pagingGrid"></div><br />
    </div>
    </form>
</body>
</html>

关于javascript - JqGrid 对 searchBox 中的元素重新排序？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13486970/

文章推荐： javascript - 如何防止 iframe 捕获页面的背景颜色？

文章推荐： javascript - 指向我的服务器上的文件

文章推荐： php - 使用 PHP 对 DIV 中的图像进行截图

文章推荐： javascript - responseXML 剪辑发送的 XML 数据

排序
我正在尝试对每个条目有多个值的关联数组进行排序。例如 [0] => stdClass Object ( [type] => node [sid] => 158 [score] => 0.059600
mysql - 排序 - 按日期 ASC 排序
我在 mysql 中有“日期”列以这种格式保存日期 2014 年 9 月 17 日(日-月-年) 我需要对它们进行升序排序，所以我使用了这个命令: SELECT * FROM table ORDER
MySQL 排序，限制为 MS SQL 排序
我目前正在将 MySQL 存储过程重写为 MS SQL 存储过程，但遇到了问题。在 MySQL 存储过程中，有一个游标，它根据最近的日期 (effdate) 选择一个值并将其放入变量 (thestt
java - 通过从 mysql 中选择(排序)排序
我想要 gwt r.QuestionId- 排序。但是我得到未排序的 QuestionId 尽管我提到了 QuestionId ASC 的顺序。 SELECT r.QuestionId,
Python scandir() 排序\POSIX readdir 排序
我有一个关于在 scandir 函数中排序的基本问题。到目前为止，我阅读了 POSIX readdir 的手册页，但没有找到有关订购保证的具体信息。但是当我遍历大目录(无法更改，只读)时，我在多个系
sql - 排序、排序、筛选 SQL Server 的复杂组合
基本上我必须从 SQL 数据库中构建项目列表，但是用户可以选择对 7 个过滤器的任意组合进行过滤，也可以选择要排序的列以及按方向排序。正如您可以想象的那样，这会以大量不同的组合进行编码，并且数据集非
mysql - 按日期 ASC 排序，但组内按 DESC 排序
我有两张 table 。想象第一个是一个目录，包含很多文件(第二个表)。第二个表(文件)包含修改日期。现在，我想选择所有目录并按修改日期 ASC 对它们进行排序(因此，最新的修改最上面)。我不想显
mysql - 首先按(条件)排序，然后按(条件)排序
我想先根据用户的状态然后根据用户名来排序我的 sql 请求。该状态由 user_type 列设置: 1=活跃，2=不活跃，3=创始人。我会使用此请求来执行此操作，但它不起作用，因为我想在“活跃”成员
c++ - sort a, b, c是否等同于sort c；排序 b;排序？
在 C++ 中，我必须实现一个“类似 Excel/Access”(引用)的查询生成器，以允许对数据集进行自定义排序。如果您在 Excel 中使用查询构建器或 SQL 中的“ORDER BY a, b,
MongoDB 按字段 A 排序，如果字段 B != null 否则按字段 C 排序
我面临这样的挑战: 检索按字段 A 排序的文档如果字段 B 存在/不为空 . 否则按字段排序 C. 在 SQL 世界中，我会做两个查询并创建一个 UNION SELECT，但我不知道如何从 Mon
dart - 在 Dart 中，如何仅使用级联或链式调用来干净地映射/排序/折叠/排序/扩展？
我想对源列表执行以下操作: map 列表排序折叠排序展开列表其中一些方法(例如map和toList)是可链接的，因为它们返回非空对象。但是，sort 方法返回 void，因为它对 List
linux - 有人可以解释重新格式化 awk () | 输出的最佳方法吗？排序 | uniq-c |排序-rg？
我制作了一个用于分析 Windows 日志消息编号的脚本。 uniq -c 数字的输出很难预测，因为根据数字的大小会有不同的空白。此时，我手动删除了空白。这是对消息进行排序和计数的命令: cat n
python - 在 Python 字典中按值(降序)排序，然后按键(升序)排序
我有以下词典: mydict1 = {1: 11, 2: 4, 5: 1, 6: 1} mydict2 = {1: 1, 5: 1} 对于它们中的每一个，我想首先按值(降序)排序，然后按键(升序)排序
delphi - 如何使用多个比较器在 TObjectList<> 中进行类似于 Excel 的按 A 排序，然后按 B 排序
我刚刚开始使用泛型，目前在对多个字段进行排序时遇到问题。案例: 我有一个 PeopleList 作为 TObjectList我希望能够通过一次选择一个排序字段，但尽可能保留以前的排序来制作类似 Ex
sql - 如果 Column1 不为空，则按 Column1 排序，否则按 Column2 排序
有没有办法在 sql 中组合 ORDER BY 和 IS NULL 以便我可以在列不为空时按列排序，但如果它为null，按另一列排序？最佳答案类似于: ORDER BY CASE WHEN
mysql - 排序 mysql 结果。按 col1 排序，按 col2 分组
我有一个包含 2 列“id”和“name”的表。 id 是常规的自动增量索引，name 只是 varchar。 id name 1 john 2 mary 3 pop 4 mary 5 j
node.js - API 分页、过滤、排序 VS CLIENT 分页、过滤、排序
场景网站页面有一个带有分页、过滤、排序功能的表格 View 。表中的数据是从REST API服务器获取的，数据包含数百万条记录。数据库 REST API 服务器 Web 服务器浏览器问
objective-c - 获取 NSDictionary 键的 NSArray，按 Value 排序，然后按 Key 排序
假设我有一本字典，其中的键(单词)和值(分数)如下: GOD 8 DONG 16 DOG 8 XI 21 我想创建一个字典键(单词)的 NSArray，首先按分数排序，然后按字
mysql - sphinx 搜索查询前 20 个按标题 WEIGHT 排序，后 20 个按标题 ASC 排序，无重复输出
如何在 sphinx 上通过 sql 命令选择前 20 行按标题 WEIGHT 排序，接下来 20 行按标题 ASC 排序(总共 40 个结果)，但不要给出重复的标题输出。我尝试了这个 sql 命令
SQLite - 排序
我有一个奇怪的问题，当从 SQLite 数据库中选择信息并根据日期排序时，返回的结果无效。我的SQL语句是这样的: Select pk from usersDates order by dateti

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - JqGrid 对 searchBox 中的元素重新排序？

首页

博学

6Ren·AI

商城

javascript - JqG​​rid 对 searchBox 中的元素重新排序？

javascript - JqGrid 对 searchBox 中的元素重新排序？