本教程为您演示如何放置一个复选框到数据网格中。通过复选框用户将可以选择选中/取消选中网格行数据。
想要添加一个复选框列,用户只需要添加一个列的checkbox属性,并将其设置为true。代码如下所示:
<
table
id
=
"tt"
title
=
"Checkbox Select"
class
=
"easyui-datagrid"
style
=
"width:550px;height:250px"
url
=
"data/datagrid_data.json"
idfield
=
"itemid"
pagination
=
"true"
iconcls
=
"icon-save"
>
<
thead
>
<
tr
>
<
th
field
=
"ck"
checkbox
=
"true"
></
th
>
<
th
field
=
"itemid"
width
=
"80"
>Item ID</
th
>
<
th
field
=
"productid"
width
=
"80"
>Product ID</
th
>
<
th
field
=
"listprice"
width
=
"80"
align
=
"right"
>List Price</
th
>
<
th
field
=
"unitcost"
width
=
"80"
align
=
"right"
>Unit Cost</
th
>
<
th
field
=
"attr1"
width
=
"100"
>Attribute</
th
>
<
th
field
=
"status"
width
=
"60"
align
=
"center"
>Status</
th
>
</
tr
>
</
thead
>
</
table
>
上面的代码添加了一个带有checkbox属性的列,所以它将成为复选框列。如果idField属性已设置,数据网格的选择集合将保持在不同的页面。
有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程!