Few Columns should have text box (editable textbox on loading) by default

[AN00372424]

Hi Team,

Using Param Query is there any possibility to make few columns of all the rows as editable text box field on loading.

Thanks in Advance.

[paramvir]

All the fields are editable text box by default.

To make only few of them as editable, add editable: false in the columnTemplate and add editable: true in those few columns.

[AN00372424]

The columns are editable by default. Yes I agree this. But the text box (Editable text box) will be available only if we double click on the field. But in our requirement by default, that text box should be available for all the rows for a particular column.

I have attached two screenshots.

In one image, none of the columns will have editable text box.
In another image, one column with value 8 will have editable text box.

My requirement is, by default all those columns should have that editable text box (without double clicking on it).

[paramvir]

There can be only one editor active at a time in the grid.

You could use singleclick (editModel.clicksToEdit = 1) instead of double click to activate the cell editor if that helps.

[AN00372424]

Thank you for the information.

Is there any way to add custom text box using Angular JS in Param Query Grid to meet our requirements? 

[paramvir]

Yet there is another way to do it with column.render

Code: [Select]

render: function(ui){
      return "<input type='text' style='width:100%;' value=\""+ui.cellData+"\"/>";
 }

http://jsfiddle.net/rnmw460k/

[AN00372424]

Thank you very much. It works.

But if i change the data, it is not getting reflected.

Eg: In the text box the current value is 25. I am changing the value to 35 in the screen. But am getting the same old value 25 in the scope.gridOptions.dataModel.data.

In the example you've mentioned earlier, there was not any save functionality. Is there any way to capture those modified data to the dataModel.data object.

I tried using css selector 'id'. But if i go to the next page in the data grid pagination, the modified data is getting lost.

Kindly give me your suggestions on this topic.

[paramvir]

You have to enter or focus out of the cell in order to save it.