社区首页 >问答首页 >jqGrid -如何禁用列可拖动但可以排序的列

jqGrid -如何禁用列可拖动但可以排序的列
EN

Stack Overflow用户
提问于 2017-02-05 18:38:46
回答 1查看 1.5K关注 0票数 2
  1. 我想通过拖动列来禁用重新排序,但是jqGrid可以对列进行排序。
  2. 或者,我希望通过拖动列和拥有列选择器来启用重新排序。

此代码通过拖动列发生错误。

代码语言:javascript
代码运行次数:0
复制
$(function () {   
    jQuery("#search_datagrid").jqGrid("GridUnload").jqGrid({
        url: '/Search/SearchDataGrid/',
        datatype: "json",
        contentType: "application/json; charset-utf-8",
        mtype: 'POST',
        postData: {
             search_word: search_word,
             baseLang: baseLang,
             targetLang: targetLang,
             products: products
        },
        rowNum: 20,
        rowList: [10, 20, 30, 50],
        colNames: columnNames,
        colModel: columnModels,
        shrinkToFit: true,
        height:'auto',
        autowidth: true,
        pager: "#search_pager",
        viewrecords: true,
        caption: "Result",
        subGrid: true,
        sortable: true,
        loadonce: true,
        gridview: true,

        subGridOptions: {
            "plusicon": "ui-icon-triangle-1-e",
            "minusicon": "ui-icon-triangle-1-s",
            "openicon": "ui-icon-arrowreturn-1-e"
        },
    })
    .jqGrid('navGrid', '#search_pager', { add: false, edit: false, del: false, search: false, refresh: false })
    .jqGrid('navButtonAdd', '#search_pager', {
        caption: "Select Columns",
        title: "Select Columns",
        buttonicon: "ui-icon-calculator",
        onClickButton: function () {
            jQuery("#search_datagrid").jqGrid('columnChooser');
        }
    })
    .jqGrid('setGroupHeaders', {
        useColSpanStyle: true,
        groupHeaders: [
          { startColumnName: '' + baseLang, numberOfColumns: 2, titleText: 'Language' },
        ]
    })
});
$(window).resize(function () {
    $("#search_datagrid").setGridWidth($(this).width() - $(this).width() / 10);
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-02-05 22:31:52

您使用的网格选项sortable: true负责对列的拖放进行(重新排序)。另一方面,通过单击列标题,可以使用sortable: false属性colModel来防止对列中的数据进行排序。对columnChooser的列重新排序与上述选项和属性无关,但可以在colModel中使用hidedlg: true属性来防止在列选择器对话框中显示某些列。

因此,如果我正确理解了您的问题,您应该删除网格的sortable: true,而不是在colModel中指定任何sortable属性( sortable属性的默认值是true,它允许对数据进行排序)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42059645

复制
相关文章
jQuery限制复选框checkbox的选中次数
<div class="one"> <input type="checkbox" name="checkbox" value="A"> </div> <div class="two"> <input type="checkbox" name="checkbox" value="B"> </div> <div class="three"> <input type="checkbox" name="
明知山
2020/09/03
2.3K0
html复选框选中与未选中触发事件的方法
今天,当制作一个不需要from表单的复选框来提交数据的小函数时,需要在复选框被选中或未选中的情况下修改一些后台数据。我想到了用js代码来监控复选框的状态,并将实时数据发送到后台。关于js代码如何监控checkbox的状态,可以参考下面的例子。
Power
2023/05/25
5K0
html复选框选中与未选中触发事件的方法
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
我设置两个有序序列,分别存储对应的复选框和行内容。 我的行内容是用的label标签。
小蓝枣
2020/09/22
3.5K0
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
jquery循环获取所有复选框,包括选中的,未选中的「建议收藏」
此处小编的是freemarker代码,不过html代码一样的,有了复选框后,要保证每个复选框的name是一致的。这样下面才能遍历
全栈程序员站长
2022/08/05
3K0
Jquery如何删除table里面checkbox选中的多个行与多个列
(adsbygoogle = window.adsbygoogle || []).push({});
tianyawhl
2019/04/04
4.2K0
使用 jQuery 统计用户选中的复选框的个数
微信公众号平台每个用户最多可以设置三个标签,所以在管理员给用户设置标签的时候需要统计用户的标签,下面就是使用使用 jQuery 统计用户选中的复选框的个数的方法:
Denis
2023/04/15
1.3K0
ElementUI的DatePicker多个日期选择器默认没有选中样式的问题
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/caomage/article/details/83588316
从入门到进错门
2018/12/05
11.3K2
ElementUI的DatePicker多个日期选择器默认没有选中样式的问题
React技巧之检查复选框是否选中
原文链接:https://bobbyhadz.com/blog/react-check-if-checkbox-is-checked[1]
chuckQu
2022/08/19
1.5K0
React技巧之检查复选框是否选中
IOS UITableViewCell 选中 选择
1 import UIKit 2 3 class ViewController:UIViewController, UITableViewDataSource, UITableViewDelegate{ 4 5 let diablo3Level = [“普通模式”, “困难模式”, “高手模式”, “大师模式”, “痛苦模式”] 6 7 override func viewDidLoad() { 8 super.viewDidLoad() 9 // Do any additional
用户5760343
2019/07/08
1.1K0
IOS UITableViewCell 选中 选择
pycharm如何同时选中多个相同内容_jsonobject.parsearray
Pycharm的Show as JSON功能可以把输出框的json字符串以友好的格式显示出来。
全栈程序员站长
2022/09/27
8130
pycharm如何同时选中多个相同内容_jsonobject.parsearray
《手把手教你》系列技巧篇(三十三)-java+ selenium自动化测试-单选和多选按钮操作-上篇(详解教程)
  在实际自动化测试过程中,我们同样也避免不了会遇到单选和多选的测试,特别是调查问卷或者是答题系统中会经常碰到。因此宏哥在这里直接分享和介绍一下,希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助。
北京-宏哥
2021/10/26
2K0
关于复选框checkbox没有选中不能获取值的问题
大家应该在获取checkbox值的时候发现没有选中是没有值的,value这个值选中才会有,那该怎么让它不选中也获取呢? 很简单,加个隐藏的input,通过点击复选框,用js事件改input的值 大概就
仙士可
2019/12/18
2.3K0
SeleniumWebDriver处理复选框CheckBox和单选按钮RadioButton
使用网页http://demo.guru99.com/test/radio.html作为练习,如下: 使用radio1.click() 切换到Option1单选按钮; 使用radio2.click() 切换到Option2单选按钮,取消选中Option1 ; 代码如下图所示:
软测小生
2019/09/10
3.6K0
SeleniumWebDriver处理复选框CheckBox和单选按钮RadioButton
VUE项目中 获得多个复选框 checkbox 选中的值(jquery)+ 解决 Uncaught TypeError: Cannot read property ‘push‘ of undefine
这个属性不是当前调用对象 this.userIds 所有的:出错代码是蓝色框中代码,去掉 this 就可以了。
微风-- 轻许--
2022/04/13
2.4K0
VUE项目中 获得多个复选框 checkbox 选中的值(jquery)+ 解决 Uncaught TypeError: Cannot read property ‘push‘ of undefine
input checkbox复选框点击获取当前选中状态jquery
function checkAll(id) { //用is判断 // let checkStatus=$(id).is(':checked'); // console.log(checkStatus) //用prop方法(用attr获取不到) let checkStatus=$(id).prop("checked"); console.log(checkStatus) } html: <input type="checkbox" value="" id=
蓓蕾心晴
2018/07/06
2.4K0
replaceAll()如何同时替换多个不同的字符串(或多个符号)
正好我遇到过这个情况,就跟她分享了一下心得,解决问题后的她开心的像刚充完气儿一样。
陈哈哈
2020/07/03
5.7K0
selenium多个窗口切换
浏览器里面支持多窗口打开,例如这样: html里面写了: target="_blank" 造成新打开一个窗口,但是selenium不会自动跳转到新的串口,需要自己切换: # 你打开的浏览器,谷歌
机器学习和大数据挖掘
2019/07/02
2.3K0
PaaS、CaaS或FaaS,如何选择?
企业在为基于容器的应用程序选择云计算架构时需要了解关键问题和注意事项。在考虑要运行的云计算架构时,开发人员、工程师、架构师和IT领导者需要考虑许多平台、性能、法规和其他考虑因素。
静一
2020/03/25
1.7K0
PaaS、CaaS或FaaS,如何选择?
ABAP里OO ALV选中或container alv里的选中方法
是不是做UI5,Odata做多了,abap要忘了。。 不是下面这个 CALL METHOD G_ALV->REFRESH_TABLE_DISPLAY 也不是下面这个 CALL METHOD G_ALV->CHECK_CHANGED_DATA CHANGING C_REFRESH = WL_REFRESH . 更不是下面的 设置HOTSPOT_CLICK事件 巴拉巴拉 是这个 CALL METHOD gr_alvgrid->register_edit_event EX
matinal
2020/11/27
1.1K0
多个checkbox复选框触发点击事件
形如上面这种有list输出到前台的一组复选框,怎么点击其中一个可以触发jquery事件呢?
全栈程序员站长
2022/08/05
1.9K0

相似问题

Java线程问题-更新GUI

11

基本Java GUI设计

42

创建基本java Swing GUI

20

GridBagLayout Java GUI基本定位

10

基本Android xml GUI的问题

21
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档