DataBind CheckBox Grid Column

[Marcelo Blank]

I have a databind DataGrid column  (Active) that is a boolean type (True/False or 1/0) ...

I want to display these column as checkbox, but not select the row ...

These code  for <e-column field="Active" [displayAsCheckBox]= "true"></e-column>  does not work

and these <e-column field="Active" headerText="Ativa" type="checkbox" rowSelected="false" width="50" ></e-column>

select the rows ...

<ej-grid id="g1" [dataSource]="empresas" allowPaging="true"

[toolbarSettings]="toolbarItems" [editSettings]="editSettings" >

<e-columns>

<e-column field="Id" headerText="ID" [isPrimaryKey]="true" ></e-column>

<e-column field="Name" headerText="Company"></e-column>

<e-column field="Nick" headerText="Nick"></e-column>

<e-column field="Active" [displayAsCheckBox]= "true"></e-column>

<e-column field="Active" headerText="Ativa" type="checkbox" rowSelected="false" width="50" ></e-column>

</e-columns>

</ej-grid>

What´s the right way to do these ?

[Marcelo Blank]

Follow the grid

[Mani Sankar Durai]

Hi Marcelo, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we found that you would like to show the column as checkbox when data is either true/false or 0/1. To achieve this we suggest you to set the type as “boolean” and when the type is “checkbox” it will select the rows when checking the checkbox. 

Refer the code example 

<e-column field=”Active” type=”boolean” [displayAsCheckBox] = “true” /> 

Note: if the checkbox should not select the row when checking don’t use the type as checkbox instead use it as Boolean. 

Refer the documentation link. 

Link: https://help.syncfusion.com/api/angular/grid#members:columns-type 

Please let us know if you need further assistance. 

Regards, 

Manisankar Durai. 

[Marcelo Blank]

Great Manisankar

Works perfectly...

Regards,

Marcelo

[Mani Sankar Durai]

Hi Marcelo, 

We are happy to hear that your problem has been solved.  

Please let us know if you need further assistance. 

Regards, 

Manisankar Durai. 

[Aditi Patre]

Unable to bind checkbox to a column (which holds boolean value) in a grid.

I'm creating a list of syncfusion grid columns

List<Column> cols = new List<Column>();

Dictionary<string, object> ReadOnlyDict = new Dictionary<string, object>();

 ReadOnlyDict.Add("style", "background-color:#eeeeee");

Adding column of boolean datatype to grid:

cols.Add(new Column() { Field ="ColumnName", HeaderText = "ColumnName", HeaderTooltip ="", Type = "boolean", DisplayAsCheckbox = true, TextAlign = TextAlign.Center, AllowEditing = false, Visible = true, CustomAttributes = ReadOnlyDict});

The grid does display checkbox but it isn't able to bind with the bit datafield. So although the value in database is 0 it is always mapping it as checked.

[Seeni Sakthi Kumar Seeni Raj]

Hi Aditi,  

 

Based on the given code example, we have prepared a sample in the latest version of the Essential Studio ASP.Net MVC platform. The sample can be downloaded from the following location. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication14702989353.zip  

 

We cannot reproduce the reported problem at our end. We have used the 0’s and 1’s as the value for the Boolean column which is binding value to the checkbox correctly. Please share the following details to analyze the problem at our end. 

 

1. Essential studio version.
2. Complete code example of the Grid (view and controller page)
3. Model class of the Grid datasource
4. Master page and web.config page of the application
5. If possible, modify the attached sample and reproduce the issue.

 

Regards, 

Seeni Sakthi Kumar S.