【问题标题】:How to add check box in slickgrid?如何在 slickgrid 中添加复选框?
【发布时间】:2012-04-26 02:43:03
【问题描述】:

我还是 slickgrid 的新手,所以我正在尝试使用带有 SlickGrid jQuery 插件的 DataView 的简单示例。但是我无法弄清楚数据是如何添加到 DataView 中的。

这里是代码:

$data = '';
$i = 0;

$query = "SELECT * FROM tahun";
$result = mysql_query($query);
while($row = mysql_fetch_array($result)){
    $data .= '
        data['.$i.'] = {

            spt: "'.$row['ID'].'",
            nama: "'.$row['nama'].'",
            alamat: "'.$row['alamat'].'",
            bayar: "'.$row['tanggal_bayar'].'",
            hutang: "'.$row['tanggal_hutang'].'",
            perkiraan: "'.$row['perkiraan'].'",
        };
    ';
    $i++;
}



 var grid;
  var columns = [

        {id:"spt", name:"ID", field:"spt",sortable: true},
        {id:"nama", name:"Nama", field:"nama",sortable: true},
        {id:"alamat", name:"Alamat", field:"alamat",sortable: true},
        {id:"bayar", name:"Bayar", field:"bayar",sortable: true},
        {id:"hutang", name:"Hutang", field:"hutang",sortable: true},
        {id:"perkiraan", name:"Perkiran", field:"perkiraan",sortable: true}

    ];

    var options = {
        enableCellNavigation: true,
        enableColumnReorder: false,
        multiColumnSort: true,
        editable: true,
        asyncEditorLoading: false,
        autoEdit: false
    };
    var columns = [];

  $(function() {
       var checkboxSelector = new Slick.CheckboxSelectColumn({
      cssClass: "slick-cell-checkboxsel"
    });
    columns.push(checkboxSelector.getColumnDefinition());

    columns.push({
        var data = [];
        <?=$data?> //This is where we echo the PHP variable $data which contains our JavaScript array as a string.
        });
        grid = new Slick.Grid($("#myGrid"), data, columns, options);

    grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow: false}));
    grid.registerPlugin(checkboxSelector);

我不知道如何在上面的代码中为复选框添加 id。 这里的代码 https://rapidshare.com/files/3188523206/slickgrid.rar

【问题讨论】:

    标签: php slickgrid


    【解决方案1】:

    您上面的代码示例和问题标题根本不相关。您能否改写问题或提供相关代码?您提到了 DataView - 但您上面的代码根本不使用 DataView。

    【讨论】:

      猜你喜欢
      • 2013-09-02
      • 1970-01-01
      • 1970-01-01
      • 2011-05-15
      • 2021-02-14
      • 2011-10-19
      • 2016-12-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多