繁体   English   中英

添加jqgrid后如何选择插入行的位置?

How to select and position on inserted row after add in jqgrid?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个很好的jqgrid。 但是,添加后,我想选择自己并放置在插入的行上。 我希望插入的行被正确排序并放置在jqgrid中。

目前,我仅设法选择了插入的行,但在网格中未正确对其进行排序。 插入的行显示在我当前所在的任何页面的顶部。

这是我的代码示例,带有create函数,该函数在jqgrid中插入新行。

$(document).ready(function () {
        $('#jqgProducts').jqGrid({
            //url from wich data should be requested
            url: '@Url.Action("DynamicGridData")',


            //type of data
            datatype: 'json',
            mytype: 'POST',
            //url access method type
            //jsonReader:{repeatitems : false, id: "cSfPT"},
            //columns names
            colNames: ['Šifra pošte', 'Naziv pošte', 'Napomena'],
            //columns model
            colModel: [
                        { name: 'cSfPT', index: 'cSfPT', align: 'left', width: '100px', key: true, editable: true, search: true

                         },

                        { name: 'cNzPt', index: 'cNzPt', align: 'left', width: '200px', editable: true, edittype: 'text',
                             },

                        { name: 'cNapomena', index: 'cNapomena', align: 'left', width: '400px', 

                         editrules: { required: false} }
                      ],
            //pager for grid
            pager: '#jqgpProducts',
            //number of rows per page
            rowNum: 10,
            //initial sorting column
            sortname: 'cSfPT',
            //initial sorting direction
            sortorder: 'asc',
            //we want to display total records count
            viewrecords: true,
            //grid height
            height: '300px',
            width : 1000,
            rownumbers: true,
            //scroll: true,
            cellEdit:true,
            cellurl: 'Edit',


            loadComplete: function () {
                if (idToSelect) {
                $(this).jqGrid('setSelection', idToSelect);
                //$("#" + $.jgrid.jqID(idToSelect)).effect("highlight", {}, 3000);
                idToSelect = undefined;
                }
            }

 $('#jqgProducts').jqGrid('navGrid', '#jqgpProducts',
            { add: true,
              del: true,
              edit:true, 
              search: true

               },

{width: '450', url: '@Url.Action("Create")', closeAfterAdd: true, 

            closeAfterEdit: true,

            reloadAfterSubmit: false,

            afterSubmit: function (response) {
                return [true, '', response.responseText];
            },


            addedrow: "last", // add new row at the end of grid

             afterComplete: function (response, postdata) {

                var gridId = this.gbox.substr(6);

                $('#' + gridId).jqGrid('setSelection', postdata.id);
             },




            afterSubmit: function (response) {

            idToSelect = response.responseText;
            return [true, '', response.responseText];
            }

       };
      );
    });

我将不胜感激任何帮助。

1 个回复

客户端可以设置:

sortname: 'yourSortingColum'
sortorder: 'asc' || sortorder:'desc'
1 如何在jqgrid中加载选择框值? 添加新行后

我有两个选择框的jqgrid。 第一列是select2列。 我正在尝试添加新行,然后单击选项卡,但是单击选项卡后,下一个单元格不会显示该行。 但是,当我单击选择单元格,然后单击选项卡时,它会转到下一个...是否有任何解决方案,可以在不单击单元格的情况下在选择框上使用正确的选项卡索引? ...

2 插入新记录后如何突出显示jqgrid行

我试图在jqgrid中突出显示新插入的记录,尝试了此链接 但是afterCompleate无法启动,请尝试使用gridview:false,没有运气,使用mvc 4和jqgrid版本4.4.4 ............................... ................ ...

2014-02-13 12:31:08 1 464   jqgrid
3 jqGrid警告,请选择行位置

有没有办法将对话框消息“请选择行”放置在所选网格的左上角? 我只想要警报警告中的相同行为,就像编辑和删除表单一样。 本主题解决方案对我不起作用。AlertMod警告消息的JQGrid位置 我在同一页面中有3个网格,如果您单击最后一个网格的一行,则警告消息将显示在页面顶部,并且用 ...

4 是否可以在jqGrid中的特定位置添加新行

我需要为按钮onclick添加新行。 例 在最后一个单元格的第一行。 我有一个“添加更多”按钮。 如果单击该按钮,则应在第一行下方添加新行。 在jqGrid中可以吗? ...

2018-03-20 17:15:58 1 189   jqgrid
5 如何搜索一行,然后在jqGrid中选择它?

我有一种情况,我必须以编程方式在jqGrid中选择一行。 从函数中,我将获得jqGrid中可用的列的值,并且基于传递的列值,我必须在jqGrid中进行搜索,当找到记录匹配项时,我必须选择该行。 不知道如何在我的jqGrid中使用jQuery实现此目的。 更新: 您提到的解 ...

6 如何在jqGrid中添加新行

在此处输入图片说明 我有一个jqgrid,并且尝试通过单击标记为红色的“ +”按钮来添加一行。 但是模板是空白的。 以下是JavaScript中的脚本。 ...

7 如何在jqgrid中添加第二行

当前,我具有以下jqgrid结构: 上面的jqgrid正常显示如下: 我想在其上方显示一行动态数据。 如: “句点”行是静态单词,而其下一行“从10/10/2013到10/10/2014”是来自后端的动态数据,就像Name1和Name2等。 如何在其上方显示这两行 ...

8 如何向单击时不选择该行的jqGrid行添加自定义按钮

来自Oleg的示例非常接近我要查找的行为(第一个按钮),但是我想保留是否将其突出显示(如果可能的话),并且不想突出显示一行并检查复选框是否已选中未被选中。 为了澄清,如果他们单击此按钮,我将弹出一个模式对话框,这与编辑行无关。 http://www.ok-soft-gmbh.com/jq ...

2013-03-08 21:21:54 1 2133   jqgrid
9 jqGrid,如何通过模态形式在网格内的任何位置添加一行?

有没有办法做到这一点? 我使用jqGrid 表单编辑功能来填充我的网格。 但是jqGrid只允许在网格内的顶部或底部位置添加一行。 我想要做的是能够先前在网格上选择所需的位置(通过单击任何现有的行),然后在所选行的上方或下方添加一行。 抱歉我的英语不好。 提前致谢。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM