【问题标题】:jqGrid pass value to form editingjqGrid 传值到表单编辑
【发布时间】:2012-09-14 13:43:10
【问题描述】:

我有一个 jqGrid 字段,我设置如下:

colModel: [
    ....,
    {name:'Enabled',index:'Enabled',width:45,editable:true,edittype:'checkbox',
        editoptions:{value:"1:0"},
        formatter: function (cellvalue, options, rowdata) {
            if (cellvalue == 0) return "<span class='ui-icon ui-icon-close hidden-align' style='text-align: center'></span>"; 
            else return "<span class='ui-icon ui-icon-check hidden-align' style='text-align: center'></span>";
        },align:'center',formatoptions:{disabled:false}},
],

问题是因为我将图像放在单元格值中,我如何将编辑值传递给表单,以便当单元格值为真时复选框可以处于选中状态?

在此先感谢大家! 干杯, 路易吉

【问题讨论】:

    标签: jquery jqgrid


    【解决方案1】:

    你可以使用

    formatter: function (cellvalue, options, rowdata) {
        if (cellvalue == 0) {
            return "<span class=\"ui-icon ui-icon-close\"></span>";
        } else {
            return "<span class=\"ui-icon ui-icon-check\"></span>";
        }
    },
    edittype: 'checkbox', editoptions: {value:
        "<span class=\"ui-icon ui-icon-check\"></span>:<span class=\"ui-icon ui-icon-close\"></span>"}
    

    或更好地使用不使用editoptions: { value: ...,但使用formatter,其中包含以下值之一:false0nooff、@987654329 @。 jqGrid代码见the lines

    if(tmp.search(/(false|0|no|off|undefined)/i)<0 && tmp!=="") {
        $("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("checked",true);
        $("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("defaultChecked",true); //ie
    } else {
        $("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("checked", false);
        $("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("defaultChecked", false); //ie
    }
    

    为了解释。例如格式化程序

    formatter: function (cellvalue, options, rowdata) {
        if (cellvalue == 0) {
            return "<span class=\"ui-icon ui-icon-close\">0</span>";
        } else {
            return "<span class=\"ui-icon ui-icon-check\">1</span>";
        }
    }
    

    (没有editoptions: { value: ...)应该可以解决您的问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-08-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多