为了账号安全,请及时绑定邮箱和手机立即绑定

jqGrid:编辑时禁用表单域

/ 猿问

jqGrid:编辑时禁用表单域

浮云间 2019-09-14 15:11:59

jqGrid:编辑时禁用表单域

我目前正在开发一个专门用于管理自动售货机等的Web应用程序。我决定在这个项目中使用jQuery,jQuery UI和jqGrid,因此我可以轻松地提供一个高度可定制的用户界面。
不幸的是,jqGrid文档已经过时了,并没有涵盖这个伟大的插件的所有功能(因为我真的很喜欢它,即使文档相当差)。

无论如何,我想有足够的背景信息。让我们谈谈:
我使用内置于jqGrid的导航栏来添加,编辑和删除网格中的项目。
我有一个像魅力一样的工作,除了一件事:一些字段可能只在添加新项目时启用(或可见),而不是在编辑模式时(它们应该被隐藏和/或禁用)。

示例:
我正在工作的公司出售自动售货机塔,这些塔有几种类型(不同尺寸和东西)。将新塔添加到某个位置并输入系统时,必须设置该类型。但是塔不会随着时间的推移而神奇地改变,因此以后可能无法编辑此字段。

有谁知道是否可以通过更改一些初始化参数来完成此行为?
也许这是一个未记录的编辑选项(editoptions)或表单选项(formoptions)?
或者你可能有一个简单的解决方案吗?

我很想听听你的建议/解决方案!
谢谢=)


查看完整描述

3 回答

?
慕慕森

您可以通过不同方式实现您的要求。例如,在beforeShowForm事件内部,您可以隐藏或显示

jQuery("#list").jqGrid({
    colModel: [
        { name: 'Name', width: 200, editable: true },
   //...}).jqGrid('navGrid','#pager', { edit: true, add: true, del: false},
          { // edit option
              beforeShowForm: function(form) { $('#tr_Name', form).hide(); }
          },
          { // add option
              beforeShowForm: function(form) { $('#tr_Name', form).show(); }
          });

其中id“tr_Name”由“tr_”前缀和“Name”构成 - 来自的列的name属性colModel

更新:在答案和另一个中,再次展示了如何在初始化编辑之前立即动态更改属性。

更新2:免费的jqGrid允许定义editable为回调函数或as "disabled""hidden""readonly"。请参阅Wiki文章。它允许更容易地实现相同的要求。



查看完整回答
反对 回复 2019-09-16
?
慕前端131612

为了使字段可编辑或不可编辑,这是我在搜索答案一段时间后编写的代码(禁用行内编辑的编辑,但允许在“添加”)并且找不到我需要的答案:

colModel :[ 
    {name:'id', index:'id', editable:false, ...

    }).navGrid("#pager",{edit:false,add:true,del:false,search:false,refresh:true},
        {}, // edit
        {   
            beforeInitData: function(formid) {
                $("#list").jqGrid('setColProp','id',{editable:true});
            },
            afterShowForm: function (formid) {
                $("#list").jqGrid('setColProp','id',{editable:false});
            },



查看完整回答
反对 回复 2019-09-16
?
智慧大石

可见但不可编辑:

{ // edit option
    beforeShowForm: function(form) {
        $('#col_name', form).attr("disabled", true);
    }}


查看完整回答
反对 回复 2019-09-16

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信