在自定义编辑类型字段中添加多个输入元素

可以使用jquery创建多个输入元素。因此,如果您的字段是一个人的全名,您可以使用以下内容

{ name: 'FullName', editable: true, edittype: 'custom', width: 300,
  editoptions: {
      custom_element: function(value, options) {
          // split full name to the first and last name
          var parts = value.split(' ');
          // create a string with subelements
          var elemStr = '<div><input id="'+options.id +
                        '_first" size="10" value="' + parts[0] +
                        '" /></br><input id="'+options.id + '_last' +
                        '"size="20" value="' + parts[1] + '" /></div>';
          // return DOM element from jQuery object
          return $(elemStr)[0];
      },
      custom_value: function(elem) {
          var inputs = $("input", $(elem)[0]);
          var first = inputs[0].value;
          var last = inputs[1].value;
          return first + ' '+ last;
      }
  }},

这导致了一个原始代码片段,您应该改进 input 元素(的值 size 例如,属性)。它显示了构建自定义编辑元素的主要概念。

更新的 :如果使用自定义编辑 这很重要 使用 recreateForm: true 参数(见) http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing )见 jqgrid - Set the custom_value of edittype: 'custom' 详情。