[subhroneelParticipant]

I have done everything perfectly, I am actually using angular and jquery. Using ng-view I have route one page where I have used this
<div id=’jqxWidget’ style=”font-size: 13px; font-family: Verdana; float: left;”>
<div id=”jqxgrid”></div>
</div>

Now in my .js file I have written this.
$(“#jqxgrid”).jqxGrid(
{
source: dataAdapter,
sortable: true,
columnsResize: true,
columns: [
{ text: ‘Factory Name’, datafield: ‘factory_name’, width: 50 },
{ text: ‘Factory Address 1’, datafield: ‘factory_address1’, width: 100 },
{ text: ‘Factory Address 2’, datafield: ‘factory_address2’, width: 100 },
{ text: ‘PO / PS’, datafield: ‘factory_pspo’, width: 50 },
{ text: ‘District’, datafield: ‘factory_district’, width: 50 },
{ text: ‘Phone’, datafield: ‘factory_phone’, width: 50 },
{ text: ‘PF No.’, datafield: ‘pf_no’, cellsformat: ‘f’, width: 50 },
{ text: ‘ESI No.’, datafield: ‘esi_no’, width: 50 },
{ text: ‘PAN No.’, datafield: ‘pan’, width: 50 },
{ text: ‘PTax Reg.’, datafield: ‘ptax_reg_cert_no’, width: 50 },
{ text: ‘PTax Emroll.’, datafield: ‘ptax_enroll_cert_no’, width: 50 },
{ text: ”, datafield: ‘factory_id’, width: 0 }
]
});
But still the message is coming “Error: Invalid Selector – #jqxGrid! Please, check whether the used ID or CSS Class name is correct. jqxcore.js:7”.

I am stuck of … please help me.

[Author]

Posts