zoukankan      html  css  js  c++  java
  • EasyUI DataGrid 复选框

    使用checkbox,用户可以选定/取消数据行。

    添加checkbox列,我们简单的添加列的checkbox属性,并且设置为true。代码像这样:
    <table id="tt"></table>
    $('#tt').datagrid({
        title:'Checkbox Select',
        iconCls:'icon-ok',
        600,
        height:250,
        url:'datagrid_data.json',
        idField:'itemid',
        columns:[[
            {field:'ck',checkbox:true},
            {field:'itemid',title:'Item ID',80},
            {field:'productid',title:'Product ID',80},
            {field:'listprice',title:'List Price',80,align:'right'},
            {field:'unitcost',title:'Unit Cost',80,align:'right'},
            {field:'attr1',title:'Attribute',100},
            {field:'status',title:'Status',60}
        ]],
        pagination:true
    });
    上面的代码,我们可以添加列的checkbox属性,然后他就会出现选择列。如果idField属性被设置,DataGrid的选择会被不同的页保持。

  • 相关阅读:
    前端的缓存
    微信开发小程序Taro框架
    前端必会的Nginx
    微信开发小程序
    如何进行有效的沟通
    产品经理和项目经理的区别
    Django之模板
    Django之视图
    Django之路由系统
    创建一个简单的Django项目
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911832.html
Copyright © 2011-2022 走看看