jquery - how to split no of fields in add/edit form into leftside and right jqgrid when number of fields are more

Question

Please check the table to understand requirement.Since number of fields are more i want to shift few fields in right side of add form.

 **label field.**
 <table>
      <tr><td>label</td><td>input field</td></tr>
     </table>

  What i am expecting is in format:

  **label field label2 field2**

     <table>
      <tr>
       <td>label</td><td>field</td>
       <td>lablel2</td><td>field2</td>
     </tr>
     </table>

Could any one please assist me . Thanks in advance

Answer 1

诀窍是formoptionsrowpos的用法和colpos属性。在答案中，您可以找到演示该技术的演示。

如果您有很多列，即使在使用多个列之后，屏幕上的位置也可能不够。dataheight在这种情况下，您可以通过使用选项来限制添加/编辑表单的高度。该方法的缺点是在编辑表单的数据部分设置了显式的CSS 样式值。height更好的方法是max-height根据屏幕分辨率设置可以计算的值。例如，您可以在beforeShowForm回调中进行更改

beforeShowForm: function ($form) {
    $form.css({"max-height": 0.70*screen.height + "px"});
}

该演示演示了该方法。同样的方法你也可以设置max-width。

为了显示结果，我同时使用了 dataheight和beforeShowForm。在最终解决方案中，您应该删除dataheight部分设置。