Hi,
I am using iggrid in my web application,i enable renderCheckboxes: true and i need to fix check box column.
Please suggest me how to fix the check box column in iggrid .
Thank You
Kiran
Hello Kiran,
You have to enable the ColumnFixing feature of the grid. When the feature is enabled, column can be fixed by users by default. You can enable it like this:
$("#grid").igGrid({ renderCheckBoxes: true, features : [{ name : "ColumnFixing" }]});
If you want the column to be fixed when the grid is loaded you shoul set the isFixed option to true, and to disable the users from fixing the column you set the allowFixing option to False:
$("#grid").igGrid({ renderCheckBoxes: true, features : [{ name : "ColumnFixing",
columnSettings: [{ columnKey: "Name", allowFixing: false, isFixed: true }] });
For detailed info you can refer to the API reference at http://help.infragistics.com/jQuery/2014.1/ui.iggridcolumnfixing and to the Column Fixing sample at http://www.igniteui.com/grid/column-fixing
Hi
Thank You,
But check box is a renderCheckboxes i don't have a column name for the check box.
Hi Hristo,
I don't have any column with data type bool ;We have header checkbox and column checkbox in iggrid like below image.
Now i want do column fixing.
the renderCheckboxes option only applies to columns of data type "bool". How did you get the checkboxes in the column of yours, did you use the the column template functionality ? Please try to upload the image again (in zip file) as there is no image attached to this thread now.
Please note that even if you had not set a columnKey for that column, the column gets a columnKey from the data source property name. For example if this is your data source:
var products = [
{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "InStock": true},
and you have autoGenerateColumns set to true, the column that has the true value will be created with columnKey = "InStock". Because this column is of type bool, the grid will render checkboxes instead of showing true/false string values. You can use this columnKey = "inStock" to apply column fixing to the column. Please refer to my sample for demonstration how this is achieved.
If I misunderstood you or if you have any other questions, please do not hesitate to contact us.
Yes I am using column template like below ,i don't have any true/false columns. if i am using column fixing functionality it's applying for below columns but not for checkbox.
[{"headerText":"Name","key":"Name","dataType":"string","width":"170","format":null,"template":null},{"headerText":"Address 1","key":"Addr1","dataType":"string","width":"200","format":null,"template":null},{"headerText":"Address 2","key":"Addr2","dataType":"string","width":"170","format":null,"template":null},{"headerText":"Address 3","key":"Addr3","dataType":"string","width":"170","format":null,"template":null}]
i have check box header to select all and row check box selector .check box is not associated with any column from the above list.
I do not see any template that contains html markup like <input type="checkbox">.
The only possibility that you get checkboxes rendered is having a bool datatype in your datasource that is not manually defined as a column but is rather auto generated. Please provide me your datasource in order to investigate it.
I am just checking if were able to resolve your issue or had the time to prepare a sample of your data source. If you have any concerns or questions, please feel free to contact me, I will be glad to help you.Thank you for choosing Infragistics components!
I am still following your case. Have you been able to resolve the issue using the suggested ?If you have any concerns or questions, please feel free to contact me, I will be glad to help you.Thank you for choosing Infragistics components!
The column with the RowSelectors is not assigned a columnKey. However, it is enough for you to enable the ColumnFixing feature and that column be fixed automatically. Please refer to my sample for a demonstration.
http://help.infragistics.com/Help/Doc/jQuery/2012.1/CLR4.0/html/igGrid_Configuring_Row_Selectors.html
<script type="text/javascript"> $(function () { $("#grid").igGrid({ autoGenerateColumns: true, dataSource: source, features: [ { name: 'RowSelectors' }, { name: 'Selection', multipleSelection: true } ] }); }); </script> We used above code for check box in iggrid.Please go through the link and provide me how to fix the header checkbox.
<script type="text/javascript"> $(function () { $("#grid").igGrid({ autoGenerateColumns: true, dataSource: source, features: [ { name: 'RowSelectors' }, { name: 'Selection', multipleSelection: true } ] }); }); </script>
<
script
type
="text/javascript"
>
function
"#grid"
true
'RowSelectors'
'Selection'
</