在表格中添加表单控件

开发工具与关键技术：VS  C#
作者：梁茵茵
撰写时间：2019年7月14日

在表格的列里添加其他的样式，可以自定义列改变表格里的样式。比如在表格的列里插入复选框，就是在手术对应的列下插入复选框。
1、如果把复选框{type:‘checkbox’}写到手术那，那么手术那一列在页面显示出来的效果便会跟左边的复选框那一列的样式是一样的，手术那两个字便不会显示出来了。

 { type: 'checkbox', fixed: 'left' },//复选框列,fixed:'left' 将列固定在左边
 { field: 'ToVoidNo', title: '手术', type: 'checkbox' },

效果图如下：

2、所以不能直接把复选框{type:‘checkbox’}写到手术那，要自定义列 { templet: unresized }

   { field: 'ToVoidNo', title: '手术', templet: unresized } 

在表格中添加表单控件，自定义操作列,是否手术。自定义列的时候如果没有写lay-skin=“primary”，在页面上显示出来的效果是不太美观的，所以还要写上样式：lay-skin=“primary”，表单控件属性lay-skin可设置复选框的风格。

function unresize(data) {
     var invalid = data.ToVoidNo;//是否确定手术
     var WarnConditionID = data.WarnConditionID;//状态表id
     var btns = "";
     if (invalid === true) {
         btns += ' ';//确定手术   
      } else {
         btns += ' ';//取消手术  
              }
              return btns;
       }

获取选中checkbox，class=“test1”

 $($(".test1").next()).click(function () {
       $($(this).prev()[0]).click();
   });

没有写lay-skin="primary"的效果图如下：

修改手术的状态，true或false

3、通过主键修改手术的状态，确定手术

function MakeSure(warnConditionid) {
         $.post("/区域/控制器/方法名称?warnConditionid=" + warnConditionid + "&toVoidNo=" + true, function (message) {
           if (message.State == false) {
                        DoctorMedicine.reload();//刷新表格
                   }                    
               });
           };

4、通过主键修改手术的状态，取消手术

function sort(warnConditionid) {
         $.post("/区域/控制器/方法名称?warnConditionid=" + warnConditionid + "&toVoidNo=" + false, function (message) {
           if (message.State == true) {
                        DoctorMedicine.reload();//刷新表格
                   }
               });                   
           };

写了lay-skin="primary"的效果图如下：