Editable gridview

I’m trying to change the element value using Jquery but it’s not working…

This is my widget where I have my element ‘tag’ which i want to change it to textField on edit…


$this->widget('EditableGrid', array(

    'dataProvider' => $dataProvider->searchbyID($invoice_id),

    'template' => '{items}{buttonCreateRow}{pager} ',

    'id' => 'InvoiceLine-grid',

    'rowTemplate' => $row_template,

    'columns' => array(   

            array(

            'class' => 'EditableGridColumn',

            'header' => '',

            'name' => 'InvoiceLine_{gridNum}_{rowNum}_edit',

            'imageurl'=> Yii::app()->request->baseUrl.'/images/update.png',

            'tag' => 'button',

            'tagHtmlOptions' => array(

            'onclick'=>'editline(this)',

                )

            ),

            array(

            'class' => 'EditableGridColumn',

            'header' => 'StentysRef',

            'name' => '[{gridNum}][{rowNum}]stentysproductref',

            'tag' => 'laabel',          

            'tagHtmlOptions' => array(

                'style'=>'background-color:#FFF;border-color:#FFF',

            'onkeyup'=>'stentysref(this)',

                'readonly'=>true

                )

            ), 

My Jquery is,

(as you can see the removeAttr works but attr doesn’t)


function editline(obj){

	var status = <?php echo $status;?>;	

	if(status ==  "1")	

	{

	var id = obj.id;	

	var trun = 	id.substring(14);	

	var row= trun.substr(0, trun.indexOf('_')); 


	$("#InvoiceLine_1_"+row+"_stentysproductref").attr("tag","textField");

	$("#InvoiceLine_1_"+row+"_stentysproductref").removeAttr("readonly");

	$("#InvoiceLine_1_"+row+"_qtyexpected").removeAttr("readonly");

	$("#InvoiceLine_1_"+row+"_price").removeAttr("readonly");

	}

}

you wrote ‘tag’ => ‘laabel’ instead of ‘tag’ => ‘label’,