EasyUI DataGrid 復選框


使用checkbox,用戶可以選定/取消數據行。
\
添加checkbox列,我們簡單的添加列的checkbox屬性,並且設置為true。代碼像這樣:
<table id="tt"></table>
$('#tt').datagrid({
    title:'Checkbox Select',
    iconCls:'icon-ok',
    width:600,
    height:250,
    url:'datagrid_data.json',
    idField:'itemid',
    columns:[[
        {field:'ck',checkbox:true},
        {field:'itemid',title:'Item ID',width:80},
        {field:'productid',title:'Product ID',width:80},
        {field:'listprice',title:'List Price',width:80,align:'right'},
        {field:'unitcost',title:'Unit Cost',width:80,align:'right'},
        {field:'attr1',title:'Attribute',width:100},
        {field:'status',title:'Status',width:60}
    ]],
    pagination:true
});
上面的代碼,我們可以添加列的checkbox屬性,然后他就會出現選擇列。如果idField屬性被設置,DataGrid的選擇會被不同的頁保持。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM