Checkbox column not clickable

[Yogesh SinghParticipant]

<script type=”text/javascript” src=”jqwidgets-ver3.0.4/scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/scripts/jquery.notifyBar.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/scripts/json2.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxcore.js”></script>
Hi

I have added a checkbox column in my grid definition but i am not able to click it even though i have editable property set to true
i have included the incomplete code but i guess its enough to find out if anything wrong with it

<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxcheckbox.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxwindow.js”></script>
<script type=”text/javascript” src=”jqwidgets-ver3.0.4/jqwidgets/jqxgrid.edit.js”></script>

$(“#divManageViewGrid”).jqxGrid(
{
width: ‘93%’,
source: dataAdapter,
theme: theme,
sortable: true,
pageable: true,
autoheight: true,
localization: getLocalization(),
columns: [
{ text: ‘View ID’, datafield: ‘VIEW_ID’, hidden: true },
{ text: ‘View Name’, editable: false,datafield: ‘VIEW_NAME’, width: ‘25%’ },
{ text: ‘Created By’, editable: false,datafield: ‘NAME’, width: ‘25%’ },
{ text: ‘Modified Date’, editable: false,datafield: ‘CREATED_DATE’, width: ‘20%’, cellsformat: “dd/MM/yyyy h:mm:ss tt” },

{text: ‘Default’, datafield: ‘DEFAULT_FLAG’, columntype: ‘checkbox’, width: ‘7%’, cellsalign: ‘center’ },

[DimitarParticipant]

Hello Yogesh Singh,

Please make sure you have really set the grid editable property to true. It does not seem that you have from the posted code. It should be as follows:

$(“#divManageViewGrid”).jqxGrid(
{
width: ’93%’,
source: dataAdapter,
theme: theme,
sortable: true,
pageable: true,
autoheight: true,
editable: true,
localization: getLocalization(),
columns: [
{ text: ‘View ID’, datafield: ‘VIEW_ID’, hidden: true },
{ text: ‘View Name’, editable: false,datafield: ‘VIEW_NAME’, width: ’25%’ },
{ text: ‘Created By’, editable: false,datafield: ‘NAME’, width: ’25%’ },
{ text: ‘Modified Date’, editable: false,datafield: ‘CREATED_DATE’, width: ’20%’, cellsformat: “dd/MM/yyyy h:mm:ss tt” },

{text: ‘Default’, datafield: ‘DEFAULT_FLAG’, columntype: ‘checkbox’, width: ’7%’, cellsalign: ‘center’ },

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Yogesh SinghParticipant]

Thanks Dimitar worked well

[Author]

Posts