I'm trying to use a datagrid to display a few rows of data with two columns containing a checkbox each. The problem I'm having, is that when I click one of the checkboxes in a row, the 2nd checkbox in that same row gets checked automatically (and vice-versa). Below is an example of what I'm doing. Is there a way to have two independent checkboxes in separate columns of a datagrid on the same row?
Thanks for the help!
cohoman
<body>
<table id="process-list" title="Video Processing" class="easyui-datagrid" style="width:700px;height:250px"
url="data/datagrid_data.json"
idField="itemid">
<thead>
<tr>
<th field="scan" checkbox="true">Scan</th>
<th field="cut" checkbox="true">Cut</th>
<th field="filename" width="80">Video File</th>
<th field="duration" width="120">Duration</th>
<th field="status" width="80">Status</th>
</tr>
</thead>
</table>
</body>
<script>
jQuery("#process-list").datagrid({ data:[{filename:'rabid dog.mp4',duration:'45:25'},
{filename:'hazard pay.mp4',duration:'46:25'},
{filename:'granite state.mp4',duration:'47:25'}]});
</script>