# comboGrid

**Repository Path**: michaellions/comboGrid

## Basic Information

- **Project Name**: comboGrid
- **Description**: datatables的下拉框表格
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2016-12-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#comboGrid For datatables
参考了:[datatimepicker.js](http://xdsoft.net/jqplugins/datetimepicker/)
使用方法：
```
/****主表单元格单击****/
    $('#jjg-table > tbody ').on('click','td',function (e) {
      var tr = $(this).closest('tr');
      var row = jjgtable.row( tr );
      var data = row.data();//当前行数据
      var colindex = $(e.target).index();
      var rowindex = row.index();
      var celldata=$(this).text();
      if (colindex==3){
        var put=$('<input type="text" style="width:100%;" value="'+celldata+'"/>');
        $(e.target).html(put);
        $("input[type=text]").comboGrid({
          gridtype:"table",
          maintable:jjgtable,
          maintablecols:['wqgj','wqgjj','wqgdql','nqgjj','nqgdql','gqs','gqzj','jcj'],
          curtablecols:['wqgj','wqgjj','wqgdql','nqgjj','nqgdql','gqs','gqzj','jcj'],
          maintablerowindex:rowindex,
          inputcol:"xhgg",
          tableid:'wqljh'+data.xh,
          url:'micros/core/dbop.php/?load=yxjcj*',
          serverSide:true,
          width:150,
          columns:[
            {"bSortable": false,"class":'center',"data":"xhgg","name":"xhgg","title":"型号规格"}
          ],
          aLengthMenu: [[-1], ["全部"]],
          scrollY: 208//同时开启垂直(表格高度)和水平滚动条
        }).focus();//输入框获得焦点
      }
      $(e.target).on('blur','input',function () {//输入框失去焦点时
        var txt=$(e.target).children("input").val();
        $(e.target).html(txt);
        jjgtable.cell($(e.target)).data(txt);//修改DataTables对象的数据

      });
      //return false;//停止函数执行-***重要，否则会
    });
```
    
效果如下：
![输入图片说明](http://git.oschina.net/uploads/images/2016/1219/193550_31e902f1_518534.png "在这里输入图片标题")